Jsonp原理

JSONP原理: 
1.首先在客户端注册一个callback, 然后把callback的名字传给服务器。 
2.此时,服务器先生成 json 数据。 
3.然后以 javascript 语法的方式,生成一个function , function 名字就是传递上来的callback参数值 . 
4.最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端。 
5.客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定义好的 callback 函数里.

 

2种方式:

一、通过src="http://api.douban.com/v2/movie/in_theaters?callback=local_func"。 

直接输入访问:http://api.douban.com/v2/movie/in_theaters,返回的数据是一个对象:{xxx}

直接输入访问:http://api.douban.com/v2/movie/in_theaters?callback=?,返回的数据是一个对象:{xxx}

直接输入访问:http://api.douban.com/v2/movie/in_theaters?callback=local_func,返回的数据是:;local_func({xxx})

注意点:

1.callback指定的回调函数,是客户端注册的,必须是定义在window下的全局函数。

例子网址:http://runjs.cn/detail/zky1moph

二、通过jQuery AJAX。

例子网址:http://runjs.cn/detail/niaqxa4d

posted on 2016-11-06 16:57  cag2050  阅读(150)  评论(0编辑  收藏  举报

导航