jsonp的原理和实现

标签：第三方库   create   部分   get   注册   tee   服务器   end   res   

什么是JSONP？

javascript高级程序设计中是这样介绍jsonp的:

jsonp是JSON with padding(填充式JSON或参数式JSON )的简写，是应用JSON的一种新方法，在后来的Web服务中非常流。jsonp看起来与json差不多，只不过是被包含在函数调用中的json。jsonp由回调函数和数据两部分组成。

简单点说，jsonp是一种跨域通信的手段，它的原理其实很简单：

1. 首先是利用script标签的src属性来实现跨域。
2. 通过将前端方法作为参数传递到服务端，然后由服务的注入参数之后再返回，实现服务器向客户端通信。
3. 由于使用script标签的src属性，因此只支持get方法。

下面详细讲解如何实现jsonp。

一.实现流程

1.设定一个script标签

 <script src="http://jsonp.js?callback=xxx"></script>

2.callback定义了一个函数名，而远程服务端通过调用指定的函数并参数参数来实现传递参数，将fn(response)传递回客户端。

$callback = !empty($_GET[‘callback‘]) ? $_GET[‘callback‘] : ‘callback‘;
echo $callback.‘(.json_encode($data).)‘;

function result (data) {
  console.log(data.name)
}
var jsonp = document.createElement(‘script‘)
jsonp.src = ‘www.example.com?callbackName=result‘
document.getElementsByTagName(‘head‘)[0].appendChild(jsonp)

result({name:‘Joy‘})

jsonp的原理和实现

标签：第三方库   create   部分   get   注册   tee   服务器   end   res   

原文地址：http://www.cnblogs.com/zhouyangla/p/7161708.html