JQuery.ajax不等待c# server的响应并调用错误函数,在本地主机上进行测试

本文关键字:主机 测试 函数 错误 等待 ajax server 调用 响应 JQuery | 更新日期: 2023-09-27 18:06:01

用户端上,我有一个javascript代码,通过JQuery.ajax发送到服务器。在服务器端上,我接收请求并处理它,但是用户端脚本不等待服务器的响应,而是调用error: getFail(见下文)函数。

编辑:问题是由于服务器和用户端在不同的域,在我的情况下不同的本地主机。请看下面@Jacob的详细回答。

我如何检查用户端是否等待服务器?
我刚刚在调试模式下运行了服务器,并设置了一个断点,它在这里接收POST-ed值。而用户端已经调用了错误函数

  • 谁能告诉我,为什么它不能"正常"工作,或者错误的来源是什么?

我怀疑的是一个的"不正当"行为的来源是JQuery的dataType参数。ajax功能。它应该指定从服务器返回值的预期类型。我不确定该设置什么,所以我没有指定,希望默认会找到。

[对于dataType参数]如果没有指定,jQuery将尝试根据响应的MIME类型推断它。可能的类型有:xml、html、script、json、jsonp、text、multiple。(来源:http://api.jquery.com/jQuery.ajax/, JQuery文档)。


代码如下:

用户端javascript代码:

function logIn() {
try {
    alert('try in logIn');
    jQuery.ajax({
        type: "POST",
        url: "http://localhost:8080/Token",
        cache: false,
        data: {
            "grant_type": "password",
            "username": document.getElementById("username").value,
            "password": document.getElementById("password").value
        },
        contentType: "application/x-www-form-urlencoded", // data type sent to server
        // dataType: "json", // data type expected from server <- THIS may be a source of the problem
        success: getSuccess,
        error: getFail
    });
} catch (e) {
    alert(e);
}
function getSuccess(data, textStatus, jqXHR) {
    alert(data.Response);
};
function getFail(jqXHR, textStatus, errorThrown) {
    //jqXHR.status is 0
    //textStatus is "error"
    //errorThrown is empty
    alert(jqXHR.status); // <-- THIS is what gets called, instantly after the post.
};

};

服务器端c#代码:

public class ApplicationOAuthServerProvider
    : OAuthAuthorizationServerProvider
{
    public override async Task ValidateClientAuthentication(
        OAuthValidateClientAuthenticationContext context)
    {
        await Task.FromResult(context.Validated()); // break-point was here
    }
    // This is called by await Task.FromResult(context.Validated())
    public override async Task GrantResourceOwnerCredentials(
        OAuthGrantResourceOwnerCredentialsContext context)
    {
        // Here manager will have correct values from the POST-ed data
        var manager = context.OwinContext.GetUserManager<ApplicationUserManager>();
        var user = await manager.FindAsync(context.UserName, context.Password);
        if (user == null)
        {
            context.SetError(
                "invalid_grant", "The user name or password is incorrect.");
            context.Rejected();
            return;
        }
        foreach (var userClaim in user.Claims)
        {
            identity.AddClaim(new Claim(userClaim.ClaimType, userClaim.ClaimValue));
        }
        context.Validated(identity);
    }
}

JQuery.ajax不等待c# server的响应并调用错误函数,在本地主机上进行测试

看到你得到的实际错误是什么将证实/反驳这一点,但我已经看到CORS问题归咎于此。根据调用的方式和服务器支持的内容,您可能会有一个由服务器处理的预发送请求,就好像它是完整的请求一样,然后客户端可以拒绝响应,因为它没有跨域授权。

我不确定你的服务器端框架是什么,但如果这确实是一个跨域问题,这可能会有所帮助:

CORS与WebAPI for XmlHttpRequest