jQuery实现跨域请求实例

最新推荐文章于 2025-07-04 15:24:17 发布

转载最新推荐文章于 2025-07-04 15:24:17 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/52-qq/p/7929639.html

文章标签：

#javascript #json #ViewUI

本文介绍了一种通过JSONP实现跨域请求的方法，并提供了具体的实现步骤与代码示例。首先，在服务端设置了一个用于接收跨域请求的接口，该接口能够获取客户端传递的回调函数名称并返回相应的数据。接着，在客户端使用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>

转载于:https://www.cnblogs.com/52-qq/p/7929639.html