首页 > Web开发 > 详细

JSONP使用

时间:2017-07-11 20:02:34      阅读:228      评论:0      收藏:0      [点我收藏+]

一、什么是JSONP

jsonp是一种规则,它是利用创建html的script快的方式,将远端url放到src属性中,并以函数的形式执行远程返回值中的函数。

jsonp的出现是为了解决浏览器同源策略的限制(跨域访问)

 

二、实现例子

1、原理性实现

技术分享
def jsonp(request):
    name = request.GET.get(callback)
    return HttpResponse("%s(‘要返回的内容‘)" % (name,))
服务端代码

 

技术分享
function submitJsonp() {
        var tag = document.createElement(script);
        tag.src = http://域名/index.html?callback=func;
        document.head.appendChild(tag);
        document.head.removeChild(tag);
 }

#此函数是来自于url访问后得到远端返回值的数据
 function func(arg) {
        $(#content).html(arg);
 }
客户端代码

 

2、利用ajax方式实现

技术分享
function submitJsonp() {
        $.ajax({
            url: http://域名/index.html,
            type: GET, //不管这里写get或post,都会以get方式提交到远端服务端
            dataType: jsonp,
            jsonp: callback,
            jsonpCallback: func
        })
}

function func(arg) {
        console.log(arg);
}
ajax方式实现jsonp

 

JSONP使用

原文:http://www.cnblogs.com/xiaoqianghuihui/p/7151990.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!