jquery跨域ajax访问方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Gannicus_Zhu/article/details/51136122

较少的情况下我们的前端页面不在服务器上，比如把页面做成app的界面，那么这时候访问服务器交流数据的话就需要用跨域ajax的方法解决了，而jquery就能简单方便的实现，当然目前暂时只支持get方法。那么下面来看代码：

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
  $.ajax(
          {
            type:'get',
            url : 'http://www.aaa.com/index.php?a=1&b=2',
            dataType : 'jsonp',
            jsonp: "jsoncallback",
            success  : function(data) {

            },
            error : function() {

            }
          }
  );
</script>

代码很好理解，首先引用jquery，可以下载jquery最新版，放在目录里引用，也可以用公共连接，比如百度就有，网址在这：http://cdn.code.baidu.com/，找到jquery的链接考进来就行。

接着type设置数据传输方法，一般用get。

url里写你服务器上控制器或者api的地址，要传递的参数也写在里面，比如我这里就传了个值为1的参数a，和值为2的参数b。

jsonp是我们跨域访问的方法，照着打就行。

下面是返回的结果，服务器上的控制器或api会往data里放数据再传回来，然后你就可以对该数据data进行操作。success中写返回成功的操作，error中写返回失败的操作

服务器上代码是这样的：

把要返回页面的数据放在$data中，执行下面代码

echo $_GET['jsoncallback'] . "(".json_encode($data).")";

就可以咯～