jQuery跨域调用

我正在尝试使用jQuery进行跨域调用，但到目前为止还没有成功。我的HTML文件在我的"C:\/Temp"文件夹名"test.HTML"上。我的HTML代码在下面——

<!DOCTYPE html> 
<html> 
    <head> 
    <title>My Page</title> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
</head> 
<body> 
<input id="first_name" type="text" value="khan" />
<input id="clickme" type="button" value="Click Me!"/>
<script type="text/javascript">
    $(document).ready(function() {
        $("#clickme").click(function(){
            $.ajax({
                url: 'http://localhost:8008/qm/profile/' + $("#first_name").val() + "/",
                type: "GET",
                dataType: "jsonp",
                crossDomain : true,
                success: function(response)
                    {
                        alert(response.responseText);
                    },
                error: function()
                    {
                        alert("fail");
                    },
            });
        });
    });
</script>
</body>
</html>

现在在服务器端，我有一个小python代码，看起来像这样——

def profile(request, username):
    fullname = ''
    if username == 'khan':
        fullname = 'Khan Hannan'
    data = {'fullname': fullname}
    print data
    return HttpResponse(json.dumps(data))

python代码在DJango项目中。如果我直接打电话到URL（'http://localhost:8008/qm/profile/khan'），我从服务器上得到了一个JSON响应，但当我通过jQuery放置相同的URL时，我没有得到任何响应，它失败了。

有什么建议吗？

JSONP的工作原理是将JSON封装在一个函数中，然后执行该函数来获取代码对象。

这是通过向服务器发送一个回调查询字符串值来完成的，然后假设服务器使用该值包装JSON对象。

如果检查发送到服务器的请求，应该会看到一个名为callback=jquery[long number]的值。

http://en.wikipedia.org/wiki/JSONP

您需要创建一个JSONP回调构造，其中JSON返回值将传递给callback请求参数中命名的回调函数。

Django Snippets站点有一个方便的JSONP装饰器，它为您处理这一问题，并验证用户是否也经过了身份验证。

如果您不想使用该装饰器，至少在响应中使用callback请求参数，并设置正确的内容类型：

return HttpResponse("%s(%s)" % (request.GET['callback'], json.dumps(data)),
    content_type='application/javascript'))

相关内容

最新更新

热门标签：