日期: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>&nbsp;</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来处理,并将其内容在页面上展示出来。