您的位置:首页 > Web前端 > JQuery

使用jquery中的ajax进行跨域访问

2012-12-25 23:03 447 查看
看到哦这篇文章感觉不错也就学习了一下:

原生态的ajax中是不能进行跨域访问服务器的,那么这样也算是一段残缺,今天看到园中可以使用jquery的jsonp协议进行跨域访问服务器着实很是新鲜:

先来了解神马是jsonp:

JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。
很明显,JSONP是一种脚本注入(Script Injection)行为,需要特别注意其安全性。

样例代码:

  一、客户端:

<script type="text/javascript">
jQuery(document).ready(function () {
$.ajax({
type: "get",
async: false,
url: "http://www.yzswyl.cn/demos/jsonp.php",
dataType: "jsonp",
jsonp: "callback", //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback: "flightHandler", //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
success: function (data) { var $ul = $("<ul></ul>"); $.each(data, function (i, v) { $("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul) }); $("#remote").append($ul); }, error: function () { alert('fail'); }
});
}); </script>

  二、服务器端:

var json = "[{\"Key\":\"USD\",\"Value\":\"美元\"},{\"Key\":\"GBP\",\"Value\":\"英镑\"},{\"Key\":\"EUR\",\"Value\":\"欧元\"}]";
JavaScriptSerializer js = new JavaScriptSerializer();
string result= js.Serialize(json);
context.Response.Write(result);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: