Jquery getJson请求json数据

最新推荐文章于 2020-08-02 16:09:53 发布

原创最新推荐文章于 2020-08-02 16:09:53 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

Django 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了两种实现JSONP跨域请求的方法。第一种方法通过固定返回的方式设置回调函数名称，第二种方法则从请求中获取回调函数名。这两种方式都展示了如何使用jQuery发起跨域GET请求并处理服务器响应。

第一种：固定返回

jQuery(function(){
jQuery.getJSON('http://127.0.0.1:8000/hello?jsoncallback=?',function(data){
//alert(data);
})
})
function callback(data) {
alert(data);
}

def hello(request):
#jsoncallback = request.GET.get('jsoncallback', '')
jsoncallback = "callback"
response_data={}
response_data['id']=12
response_data['name']='lushijie'
return HttpResponse(jsoncallback + '(' + json.dumps(response_data) + ')')

第二种：

jQuery(function(){
jQuery.getJSON('http://127.0.0.1:8000/hello?jsoncallback=?',function(data){
alert(data);
})
})

def hello(request):
jsoncallback = request.GET.get('jsoncallback', '')
response_data={}
response_data['id']=12
response_data['name']='lushijie'
return HttpResponse(jsoncallback + '(' + json.dumps(response_data) + ')')