码迷,mamicode.com
首页 > Web开发 > 详细

JSONP使用

时间:2017-07-11 21:07:27      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:json   创建   back   bsp   lap   客户端   tag   限制   creat   

一、什么是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使用

标签:json   创建   back   bsp   lap   客户端   tag   限制   creat   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!