如何读取AJAX success响应 返回[object Object]无弹窗问题排查解决

ASP.NET WebForm 中标记[WebMethod]的页面静态方法返回JSON结果时，框架会自动将实际返回值包裹在d属性下做安全防护。你当前代码直接将响应对象response和字符串做判断，实际拿到的是外层包装对象，所以alert(response)会显示[object Object]，所有条件判断都不会命中，自然不会弹出预期的提示框。

• 修正前端响应取值逻辑
  所有返回值判断都要从response.d中取实际内容，不要直接操作response对象。
• 校验后端WebMethod写法合规
  确保被调用的SaveClickFunc满足以下要求，否则请求会直接抛出异常：
  • 方法必须是public static修饰的静态方法
  • 方法头部添加[System.Web.Services.WebMethod]特性
  • 方法返回值类型为string，不要在方法内调用ClientScript.RegisterStartupScript这类依赖页面实例的方法（你当前注释掉这段是正确的，静态方法无法访问当前页面对象，调用会直接报错）
• 补充AJAX错误回调
  你当前的AJAX请求没有配置错误捕获，后端抛出数据库异常、参数解析错误、方法找不到等问题时前端无感知，加上错误回调可以直接在控制台看到具体报错信息，快速定位问题。
• 修正参数传递格式
  你当前手动拼接JSON字符串的写法容易因为内容包含单引号、特殊字符导致JSON解析失败，直接用JSON.stringify序列化整个参数对象即可，不需要手动拼接字符串。

C# 后端方法示例 #

[System.Web.Services.WebMethod]
public static string SaveClickFunc(string questionData)
{
    string msg = string.Empty;
    int i = 0;
    // 原有数据库操作逻辑
    string temp3 = dt.ToString();
    cmd.Connection = con;
    con.Open();
    i = cmd.ExecuteNonQuery();
    con.Close();

    if (/* 触发MCQ题目数超限逻辑 */)
    {
        msg = "MCQ";
    }
    else if (/* 触发主观题题目数超限逻辑 */)
    {
        msg = "SUBJ";
    }
    else if (i == 1)
    {
        msg = "Record Sucessfuly inserted";
    }
    else
    {
        msg = "Error";
    }
    return msg;
}

jQuery 前端AJAX示例 #

$.ajax({
    type: "POST",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    url: "AddQuestions.aspx/SaveClickFunc",
    // 不要手动拼JSON字符串，直接序列化对象
    data: JSON.stringify({ questionData: obj }),
    success: function (response) {
        // 取包装属性d中的实际返回值
        const resMsg = response.d;
        console.log("后端返回内容：", resMsg);
        
        if (resMsg == "MCQ") {
            console.log("MCQ");
            alert('You can not enter more than' + $("#MCQ").text()+' MCQ Questions');
        }
        else if (resMsg == "SUBJ") {
            console.log("SUBJ");
            alert('You can not enter any more Subjective Questions');
        }
        else if (resMsg == "Record Sucessfuly inserted") {
            alert("题目添加成功");
        }
        else {
            alert("操作失败：" + resMsg);
        }
    },
    // 补充错误回调
    error: function(xhr, status, err) {
        console.log("请求异常详情：", xhr.responseText, status, err);
        alert("请求发生错误，请打开浏览器控制台查看具体报错");
    }
});

内容的提问来源于stack exchange，提问作者Vikash kumar sen