在 index.aspx 页面插入记录后重定向到 ajax 成功函数 Asp.net Ajax

Question

在index.aspx页面插入记录后重定向到ajax成功函数并显示消息alert("success");我写了函数addProject() 来完成这项任务。我没有收到任何错误。记录已成功添加到数据库中。但alert("success") 消息不显示。

表单设计

<form  id="frmProject" runat="server">
    <div>
        <label class="form-label">First Name</label>    
        <input type="text" id="fname" class="form-control"  />
    </div>
    <div class="form-group" align="left">
        <label class="form-label">Age</label>
        <input type="text" id="age" class="form-control"  />
    </div>
    <div>
        <input type="button" id="b1" value="add" class="form-control" onclick="addProject()" />
    </div>
</form>

Ajax

function addProject() {
    $.ajax({
        type: 'POST',
        url: 'insert.aspx',
        dataType: 'JSON',
        data: {fname: $('#fname').val(), age: $('#age').val()},
        success: function (data) {        
            alert("success");
        },
        error: function (xhr, status, error) {
            console.log(xhr.responseText);
        }
    });
}

插入.aspx

protected void Page_Load(object sender, EventArgs e)
{
    string fname = Request.Form["fname"];
    string age = Request.Form["age"];
    string sql = "insert into record values('" + fname + "','" + age + "')";
    SqlCommand cmd = new SqlCommand(sql, con);
    con.Open();
    cmd.ExecuteNonQuery();
    con.Close();
}

Answer 1

问题是对insert.aspx 的调用不会返回 JSON，但会返回一些 HTML。 jQuery 的带有dataType: 'JSON' 的ajax 调用期望API 调用的响应将返回一个JSON 对象。如果响应无法解析为 JSON，则不会调用 success 函数。

在insert.aspx 文件中，您可以返回一个 JSON 对象，即使是一个空对象也足够了。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="insert.aspx.cs" %>

{}

Answer 2

试试这个代码

[WebMethod]
    public static string doSomething(string fname,string age)
    {
      string sql = "insert into record values('" + fname + "','" + age + "')";
      SqlCommand cmd = new SqlCommand(sql, con);
      con.Open();
      cmd.ExecuteNonQuery();

      con.Close();
      return "Sucess";
    }

并像这样更新您的 ajax 调用

function addProject() {
            $.ajax({
                type: 'POST',
                url: 'Index.aspx/doSomething',
                dataType: 'JSON',
                contentType: "application/json; charset=utf-8",
                data: {fname: $('#fname').val(), age: $('#age').val()},
                success: function (data) {        
                    alert("success");

                },
                error: function (xhr, status, error) {
                    debugger;
                    console.log(xhr.responseText);
                }
            });

        }