jquery跨域ajax访问方法

来源:互联网 发布:振动分析软件 编辑:程序博客网 时间:2024/04/30 14:44

较少的情况下我们的前端页面不在服务器上,比如把页面做成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).")";

就可以咯~

1 0
原创粉丝点击