首次调用时jQuery AJAX登录回调函数失效问题求助

根据你描述的情况——首次点击登录按钮时callbackfunction未触发（连alert('in call back method')都没弹出），第二次才正常执行，且两次请求状态码都是200，我梳理了几个核心原因和对应的解决方案：

1. 阻止表单默认提交行为（最可能的根因） #

如果你的登录按钮嵌套在<form>标签内，点击按钮时会触发浏览器默认的表单提交行为，导致页面瞬间刷新，AJAX请求的回调还没来得及执行就被页面刷新中断了，所以你看不到提示。而第二次点击可能是页面刷新后状态变化，或者点击速度快到表单提交还没完成、AJAX先执行了。

解决方法很简单：在Login函数末尾添加return false;来阻止默认提交：

function Login() {
    var postData = JSON.stringify({ 
        "username": $("#txtUsername").val(), 
        "password": $("#txtPassword").val(), 
        "linenumber": $("#ddlLineNum").val() 
    }); 
    $.ajax({ 
        type: "POST", 
        url: "frmLogin.aspx/MyMethod", 
        data: postData, 
        contentType: "application/json; charset=utf-8", 
        success: callbackfunction, 
        error: function(msg) { alert('ERROR'); } 
    }); 
    // 阻止表单默认提交行为
    return false;
}

或者在按钮的onclick绑定中明确返回false：

<button onclick="return Login();">登录</button>

2. 检查后端WebMethod的配置正确性 #

ASP.NET页面的WebMethod必须满足两个条件才能被AJAX正确调用：

• 方法必须是public static修饰
• 必须标记[WebMethod]特性

如果你的MyMethod没满足这两个条件，后端会返回整个页面的HTML源码，而非预期的JSON。jQuery的AJAX因为设置了contentType: "application/json; charset=utf-8"，无法解析HTML内容，会直接进入error回调（但页面刷新可能覆盖了alert('ERROR')提示）。

确保后端方法写法如下：

using System.Web.Services;

public partial class frmLogin : System.Web.UI.Page
{
    [WebMethod]
    public static string MyMethod(string username, string password, string linenumber)
    {
        // 你的验证逻辑代码...
    }
}

3. 修正前端未定义变量的错误 #

在callbackfunction中你写了alert(username);，但username变量既没有在函数内定义，也不是全局变量，执行到这里会抛出ReferenceError——虽然这不会导致alert('in call back method')不显示，但会中断后续的页面跳转逻辑。修正方法是获取输入框的值：

function callbackfunction(result) {
    alert('in call back method');
    // 定义username变量，从输入框取值
    var username = $("#txtUsername").val();
    if (result.d == "WrongPassword") {
        alert(result.d);
    }
    if (result.d == "Currect Password") {
        alert(username);
        window.location.href = 'Inventory.aspx';
    }
}

4. 验证AJAX返回的JSON格式 #

打开浏览器开发者工具（F12），切换到Network标签，查看两次请求的Response内容：

• 第一次请求的返回是否是合法的JSON？比如是否是{"d":"Currect Password"}这样的格式？
• 如果第一次返回的是HTML页面源码，那肯定是后端WebMethod的配置问题，按照第2点修正即可。

另外，后端返回的"Currect Password"存在拼写错误（正确应为"Correct Password"），建议修正，避免后续维护时混淆。

内容的提问来源于stack exchange，提问作者sudhakar