JSONP——跨域请求（python）

一般来说，浏览器请求数据是遵循的同源请求策略，即前后端请求需要在同一个ip和端口才能允许获取数据，为了解决这个问题，利用前端的SCRIPT标签属性来解决。
方式一：

<srcript>
$(".send_ajax").click(function(){
	//封装一个kuayu_request方法，可以用来复用跨域函数
	kuayu_request("https://www.baidu.com/send_ajax")
});

// 跨域函数
function kuayu_request(url){
	var $script = $('<script>');//创建script标签,是一个jquery对象
	$script.attr("src", url); //添加src属性
	$("body").append($script); //添加到文档中
	$("body script:last").remove(); //然后在移除该标签

}
</script>

方式二：基于jQuery的JSONP实现

<script>
$('.send_ajax').click(function(){
	$.ajax({
		url:"https://www.baidu.com/send_ajax" ,//示例地址，无实际用处
		dataType:"jsonp", //跨域请求<script>
		jsonp:'callbacks',                //相当于路径中回调函数路径参数键值对的键
		jsonpCallback:"func"              //相当于路径中回调函数路径参数键值对的值，回调函数名
		success:function(data){
			//获取数据后执行代码
			console.log(data)
};
	});
});
</script>

示例：
　　jsonp: 'callbacks’就是定义一个存放回调函数的键，jsonpCallback是前端定义好的回调函数方法名，server端接受callback键对应值后就可以在其中填充数据打包返回。但是，jsonpCallback参数可以不定义，jquery会自动定义一个随机名发过去，那前端就得用回调函数来处理对应数据了。利用jQuery可以很方便的实现JSONP来进行跨域访问。

//项目1中html中前端js跨域部分代码

<script>
    $(".ajax_btn").click(function () {
       $.ajax({
           url:"http://127.0.0.1:8002/send_ajax/",
           dataType:"jsonp",
           jsonp:'callbacks',
           success:function (data) {
               alert(data);
               console.log(data)
           }
       })
    });
</script>

//项目2服务端中的视图函数，即跨域请求的路径

def send_ajax(request):
    import json
    func_name=request.GET.get("callbacks")    #获得回调函数的名字
    dic={"k1":"v1"}
    print("ok")
    return HttpResponse("%s('%s')" %(func_name,json.dumps(dic)))

应用：跨域请求应用

如某合作单位提供如下获取数据接口：http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403，请通过跨域请求获取数据。由数据连接可以知对方已经定义了回调函数的函数名，即为list，所以我们可以通过上述"基于jquery的JSONP的实现"的方式获取数据，结果如下：

<script>
    $(".ajax_btn").click(function () {

        $.ajax({
        // 改地址已经定义好了回调函数的名称，所以只能用这个回调函数的名称，不能前端自己定义
            url:"http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403",  //目标地址
            dataType:"jsonp", // 跨域请求
            jsonp:"callback", //回调函数的键值对的键
            jsonpCallback:"list"// 回调函数中键值对的值，也就是回调函数名称
        })

    });

    function list(result) {
          console.log(result);
              }

</script>

然后自行可以根据数据结果类型进行处理。