首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Uncaught :使用Ajax post的意外令牌u

Uncaught :使用Ajax post的意外令牌u
EN

Stack Overflow用户
提问于 2016-02-13 15:57:53
回答 1查看 448关注 0票数 0

我很困惑如何解决/诊断ajax/jquery错误。

这是我的职责:

代码语言:javascript
代码运行次数:0
运行
复制
   var LogIn = {
        Email: $("#Name").val(),
        MobileNo: $("#txtMobileNumber").val(),
        PinCode: '',
        Message: '',
        Success:false
    };
    $.ajax({
        type: "POST",
        crossDomain: true,
        dataType: 'jsonp',
         contentType: "application/json",
        url: "https://a different server domain/api/LoginRequest",
        data: JSON.stringify(LogIn),
        success: function (data) {
            $("#divError").html(data);
        },
        error: function (error) {
            jsonValue = jQuery.parseJSON(error.responseText);
            $("#divError").html(jsonValue);
        }
    });

我知道这个错误:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-13 15:59:10

jQuery不支持使用POST和jsonp,原因很简单:当您向DOM中注入<script>标记(这是jQuery使用jsonp时所做的),浏览器将向该标记的src属性中引用的远程端点发送GET请求。

因此,基本上您需要使用GET来代替:

代码语言:javascript
代码运行次数:0
运行
复制
type: "GET"

另外,由于数据是作为查询字符串参数发送的,所以应该删除内容类型:

代码语言:javascript
代码运行次数:0
运行
复制
contentType: "application/json",

也不要JSON.stringify数据。

下面是一个完整的例子:

代码语言:javascript
代码运行次数:0
运行
复制
$.ajax({
    type: "GET",
    crossDomain: true,
    dataType: 'jsonp',
    url: "https://a different server domain/api/LoginRequest",
    data: LogIn,
    success: function (data) {
        $("#divError").html(data);
    },
    error: function (error) {
        jsonValue = jQuery.parseJSON(error.responseText);
        $("#divError").html(jsonValue);
    }
});

当然,这只在远程端点支持JSONP和GET谓词的情况下才能工作。

就我个人而言,我建议使用CORS而不是JSONP,因为它会给您提供更多的选择。在这种情况下,您可以使用POST。请参阅以下材料,因为您似乎正在服务器上使用ASP.NET Web并尝试进行跨域AJAX调用:http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35381983

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档