jsonp

Posted 我来吧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp相关的知识,希望对你有一定的参考价值。

1.动态创建js脚本

var js =document。createElement("script")

2.给脚本设置src

js.src="http://192.168.0.122/json.php?callback=xxx";

3. 把脚本添加到head

document。getElementByTagName("head")[0].appendChild(js);

4.实现回调函数

function xxx(a){

console.log(a);

}

$(function($){

$.ajax({

type:"get",

url:"http//192.168.0.122/jsop.php",

async:true,

dataType:"jsonp",

jsonp:"callback",//传递给请求页面的一个东西,用来获得jsonp回调函数的参数名(一般默认就是callback)

jsonpCallback:"filghtHandler",//回调函数名,默认情况下JQ会自动生成一个随机的函数名

success:function(res){

console.log(res);

}

});

});

error:function()

1.创建一个请求对象

$ch=curl_init();

2.绑定地址 setopt 设置请求参数

curl_setopt($ch,CURLOPT_URL, "http://api.dotaly.com/lol/api/v1/shipin/latest?author=xiaozhi&iap=0&ident=43643E2C-CF06-46E8-9AF2-50A255D268B2&jb=0&limit=50&offset=0&token=7e93a7124b25ee81971b4b2473222c0f");

curl_setopt($ch,CURLOPT_RETURNTRNTRANSFER,1);

3.开始请求  获取请求结果

$res=curl_exec($ch);

echo $res;

以上是关于jsonp的主要内容,如果未能解决你的问题,请参考以下文章

Jsonp 原理

JSONP使用

jsonp实现原理

vue视频学习笔记02

AJAX入门

ajax 跨域请求