- 爱易网页
-
Java教程
- 高手过来看看这个有关问题如何解决,多谢
日期:2014-05-18 浏览次数:20716 次
高手过来看看这个问题怎么解决,谢谢!
<!DOCTYPE HTML>
<html>
<head>
<title>jsontest_1</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#button').click(function(){
$.getJSON('http://aazj.cn:8080/minisns/logon.json', function(data){
$('#result').append(data);
});
});
});
</script>
</head>
<body>
<div>点击按钮获取JSON数据</div>
<input type="button" id="button" value="确定" />
<div id="result"> </div>
</body>
</html>
点击按钮后,浏览器的js控制台出现了如下的错误提示
XMLHttpRequest cannot load http://aazj.cn:8080/minisns/logon.json. Origin null is not allowed by Access-Control-Allow-Origin.
该怎么改啊??
还有服务器不在我本地, 我也看不了服务器上的action是怎么写的
还有我要发参数到服务器怎么添加呢??
因为我用表单提交时服务器会返回json格式的数据给我,表单如下:
<!DOCTYPE>
<html>
<head>
<title>Test Logon</title>
</head>
<body>
<form action="http://aazj.cn:8080/minisns/logon.json" method="post">
<table>
<tr>
<td> </td>
<td>logon</td>
</tr>
<tr>
<td> <div align="right">mobile(String)</div> </td>
<td> <input type="text" name="mobile"/> </td>
</tr>
<tr>
<td> <div align="right">password(String)</div> </td>
<td> <input type="text" name="password" /> </td>
</tr>
<tr>
<td> <div align="right">code(String)</div> </td>
<td> <input type="text" name="code" /> </td>
</tr>
<tr>
<td> </td>
<td> <input type="submit" id="button" value="提交" /> <td>
</tr>
</table>
</form>
</body>
</html>
点击提交按钮后服务器发给我的信息是内容如下的.json文件
{"rs":"s","body":{"ukey":"6C99FBB0E098C9F89EA53DEA748ACEA8","token":"OJo6E1jC87fd8MxX","userId":"116"},"pl":6}
有点绕了,说简单点,我其实就是想把用表单提交的方式改为ajax的形式,因为这样从服务器发过来的json数据我好用javascript来处理,并将其内容在页面上展示出来。