手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery中ajax跨域方法实例分析
jquery中ajax跨域方法实例分析
摘要:本文实例分析了jquery中ajax跨域。分享给大家供大家参考,具体如下:JSONP是一个非官方的协议,它允许在服务器端集成Scriptta...

本文实例分析了jquery中ajax跨域。分享给大家供大家参考,具体如下:

JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问

方法一: jsonp之 getJSON

js

var url = "http://localhost/mytest/jsonp_php.php"; $.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程序设计有所帮助。

【jquery中ajax跨域方法实例分析】相关文章:

javascript获取select值的方法分析

jQuery构造函数init参数分析续

JavaScript事件委托实例分析

jquery使用each方法遍历json格式数据实例

Jquery使用css方法改变样式实例

JQuery中DOM事件合成用法实例分析

JQuery中Text方法用法实例分析

jQuery聚合函数实例

jquery中添加属性和删除属性

JavaScript中继承用法实例分析

精品推荐
分类导航