看到哦这篇文章感觉不错也就学习了一下:
原生态的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);