标签：
文章是转过来的，来自：http://www.travisup.com/post/index/28
在web2.0时代，熟练的使用ajax是每个前端攻城师必备的技能。然而由于受到浏览器的限制，ajax不允许跨域通信。
JSONP就是就是目前主流的实现跨域通信的解决方案。
虽然在在jquery中，我们可以通过$.ajax的dataType设置为jsonp来调用jsonp，但是jsonp和ajax的实现原理一个关系都木有。jsonp主要是通过script可以链接远程url来实现跨域请求的。如：
callback定义了一个函数名，而远程服务端通过调用指定的函数并传入参数来实现传递参数。
搜索了网上好多文章，他们实现方法都过于简单，要实际应用还要多加修改，我在这里封装了一个对象，可以直接运用于实际操作。
实现过程基本写在注释里啦，自己看。调用的方法跟jQuery基本一样。如：
当然要这么写也行：
至于服务端的实现，那就比较简单了，以php为例：
好了，写完了，有什么问题欢迎讨论。
========================
本博客作者另外备注：
window[name] 是预先在客户端定义好函数，在script标签取回的数据后会自动执行一次这个方法，并把对应的json对象传进来。
而name则是和后端协商好的callback函数名称，在angularjs上表现出来的就是：angular.callbacks.1
下面又有一个简单的例子：
每次请求完执行，应该自动销毁元素，不要污染dom结构；如上；
下面又有一个简单的例子
<!DOCTYPE html>
<html>
<head>
<title>模拟JSONP的请求</title>
<script type="text/javascript">
window[‘lkjCallback‘] = function(json){ //预先定义的方法名，绑定在window上，方便全局调
console.log(json);
alert(json.serviceId);
}
</script>
<!--callback参数的值要和后端协商好-->
<script type="text/javascript" src="http://www.jinhuatuo.com?callback=lkjCallback&serviceId=123"></script>
<script type="text/javascript"> //上面的一串source返回来的js代码，执行的方法是上面传过去的方法，相当于调用了一次js方法
lkjCallback({serviceId:123,root:‘asdf‘});
</script>
</head>
<body>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/leekenky/p/5751502.html
