jQuery实现跨域请求实例

Posted 不会起名字

tags:

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

首先准备两个项目做测试(jsonp1,jsonp2)

一:在jsonp1中做一个用于测试的链接

def ajax(request):
    callbacks = request.GET.get("callbacks")          #get到的值为发起跨域请求的代码传过来的

    print("=======func_name",callbacks)
    import json
    print("============可以===走到===这里的啊")
    s = {"name":"egon","age":18}
    return HttpResponse("%s(‘%s‘)" % (callbacks, json.dumps(s)))


#把json.dumps(s)当做参数传给callbacks

二:在json2中发起跨域请求

<script>
    $("button").click(function () {
        $.ajax({
            url:"http://127.0.0.1:8888/ajax/",    //用作跨域的url
            dataType:"jsonp",                       //jsonp类型
            jsonp: ‘callbacks‘,                     //测试项目一中的返回函数名
            success:function (data) {
                console.log(data)
            }
        })
    })
</script>

  

 

以上是关于jQuery实现跨域请求实例的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现跨域请求

jQuery Ajax 简单的实现跨域请求

AJAX的一个简单实例,跨域的解决,使用JQuery来进行ajax的调用

PHP中运用jQuery的Ajax跨域调用实现代码

jQuery Ajax 简单的实现跨域请求

jsonp跨域请求数据实例之手机号码查询