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
- jquery跨域ajax访问方法
- jquery.Ajax跨域访问数据方法
- JQuery的ajax跨域访问方法
- jquery ajax(CORS) 跨域 访问接口
- Jquery.ajax()访问接口
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- JQuery AJAX $.ajax()方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- jQuery ajax - ajax() 方法
- MyBatis 3 用户指南
- SCOI2016酱油记
- CSS3之弹性盒模型
- hdu 【2115】 C Looooops
- 第六周项目1-分数类的锥形
- jquery跨域ajax访问方法
- 启动weblogic的遇见的一些问题及解决方案(环境为win 10 64位,weblogic 12.2.1)
- vs2013 C1853 编译问题
- android jni编译配置DEBUG or RELEASE 的方法和优先级
- Matlab传统神经网络函数:Newff的使用方法记录
- 利用手机距离感应器来切换扬声器和听筒播放
- 输出正整数的所有分割
- 负能量
- 移植自己的.exe文件到别的文件夹,或其他计算机