在我使用 ASP.net 的情况下，我的 Ajax 代码有什么问题？

Question

我有这样的数据

[{"billno":"111","amount":"2233.00"},{"billno":"222","amount":"2500.00"},{"billno":"333","amount":"3000.00"}]

我想将此记录存储在我的数据库中，所以在此之前我试图将这些记录发送到服务器

这是我的 AJAX 代码：

$('#btnAddVendor').click(function () {


    var values = [];

    $('table#ContentPlaceHolder1_GridView1 input.checkBoxClass:checked').each(function () {
        var $row = $(this).closest('tr').children('td');
        values.push({ 'billno': $row.eq(1).text(), 'amount': $row.eq(5).text() });
    });

    //html_data = JSON.stringify(values);

    alert(JSON.stringify(values));  // this alert will display above values

    $.ajax({
        type: 'POST',
        url: 'GPCreateCheque.aspx/setCheqVendorSearchEntry',
        data: JSON.stringify(values),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (result) {
            alert(result.d);
        },
        error: function (result) {
                    alert("Not save");
                }
    });
})

WebMethod 代码

public partial class WebForm5 : System.Web.UI.Page
{
    [WebMethod]
    public static string setCheqVendorSearchEntry(vendorEntry[] values)
    {

        //here I will write the code to store the records in database

        return "Success";  //for testing I return this string
    }
}

public class vendorEntry{
    public string billno { get; set; }
    public string amount { get; set; }
}

我不知道如何从 ajax 接收。谢谢

更新错误消息

http://localhost:55047/GPCreateCheque.aspx/setCheqVendorSearchEntry 500 (Internal Server Error)

Answer 1

我终于让它运行了：

你需要让它允许 POST 方法

[System.Web.Services.WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false)]
public static string setCheqVendorSearchEntry(vendorEntry[] values)
{
    return "Success";  //for testing I return this string
}

和 Default.aspx，您的 Json 数组不正确。您需要在 json 元素中获取参数名称（这里是 setCheqVendorSearchEntry 方法中的“值”）并将其作为字符串或序列化传递。

 var values = '{ "values": [{ "billno": "111", "amount": "2233.00" }, { "billno": "222", "amount": "2500.00" }, { "billno": "333", "amount": "3000.00" }] }';

                    $.ajax({
                        type: 'POST',
                        url: 'Default.aspx/setCheqVendorSearchEntry',
                        data: values,
                        contentType: 'application/json; charset=utf-8',
                        dataType: 'json',
                        success: function (result) {
                            alert(result.d);
                        },
                        error: function (result) {
                            console.log(result);
                        }
                    });

为了您的学习目的：

当您在 ajax 错误部分中控制台您的错误时，您可以在浏览器控制台中找到确切的错误，如下所示： 图片：https://prnt.sc/gw06sr