jquery中ajax跨域方法实例分析
更新时间：2015年12月18日 11:30:54 作者：leejersey
这篇文章主要介绍了jquery中ajax跨域方法,结合实例分析了jQuery中使用getJSON及$.ajax实现ajax跨域的技巧,需要的朋友可以参考下
本文实例分析了jquery中ajax跨域。分享给大家供大家参考，具体如下：
JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问
方法一： jsonp之 getJSON
js
var url = "http://localhost/mytest/jsonp_php.php?callback=?";
$.getJSON(url, {
"age": 21,
"name": "kitty"
}, function (data) {
alert("name:" + data.name + ", age:" + data.age);
});
php
<?php
$age=$_GET["age"];
$name=$_GET["name"];
$jsondata = "{age:$age, name:'$name'}";
echo $_GET['callback'].'('.$jsondata.')';
?>
二jsonp之$.ajax
js
$.ajax({
type: 'GET',
url: 'http://localhost/mytest/jsonp_php.php',
dataType: "jsonp",
jsonp: "callback5",
jsonpCallback:"flightHandler",
data: {
"age": 21,
"name": "kitty"
},
success: function (data) {
alert("name:" + data.sd + ", age:" + data.aa)
}
})
php
<?php
$age=$_GET["age"];
$name=$_GET["name"];
$ary=array("sd"=>"sdfg","aa"=>23);
$jsondata=json_encode($ary);
echo $_GET['callback5'].'('.$jsondata.')';
?>
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
一般对外发布的插件都应该进行封装，封装的插件还应该符合规范，只有这样写的插件才具有推广价值，并得到其他用户的喜爱2012-08-08
本文详细讲解了Jquery使用AJAX方法请求数据，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-02-02
JQuery选择器之三 首先老规矩提供我学习用的例子2009-07-07
这篇文章主要介绍了Jquery如何动态添加及删除页面节点元素，示例代码如下，需要的朋友不要错过2014-06-06
在前一篇介绍 jQuery Ajax 的数据加载中的例子都是从静态的文件中取得数据，而 Ajax 更大的价值在于与后端服务器进行数据传递，动态地请求和发送数据。2014-06-06
Jquery遍历checkbox获取选中项value值的方法
这篇文章主要介绍了Jquery遍历checkbox获取选中项的value值,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery实现点击下拉框中的值累加到文本框中的方法,涉及jQuery事件绑定及页面元素属性动态获取与操作相关实现技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了Jquery简单实现GridView行高亮的方法,实例分析了jQuery页面元素的选择与属性操作的相关技巧,需要的朋友可以参考下2015-06-06
本文通过实例代码给大家分享了jQuery 实现左右两侧菜单添加、移除功能，需要的朋友参考下吧2018-01-01
解决jquery插件：TypeError:$.browser is undefined报错的方法
这篇文章为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。2015-11-11
最新评论