通过 ajax 传递数组

Question

当我点击按钮时： -迭代所有tr并将其所有输入的名称收集到数组（这已经完成了） - 我还从输入和触发名称的两个文本中获取数据 - 通过ajax将所有（一个数组和两个文本）发送到asp.net.cs（不起作用）

    var senders = [];
    $("#btn_input_kaydet").click(function () {

        var input = $("#dd_input").text();
        var trigger = $("#dd_input_trigger").text();


        $("#dynamic_input_field tr").each(function (i) {
            senders[i] = $(this).find('td input').attr('name'); 
        });



        $.ajax({
            type: "POST",
            url: "senaryo.aspx/addscnerio",
            data: { "arr": senders, "input": input, "trigger": trigger},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                alert("successful")
            },
            traditional : true
        });

    });



    [WebMethod]
    public static void addscnerio(List<String> values, string name, string trigger)
    {

    }

Answer 1

假设您的表的id = < code > dynamic _ input _ field ，您可以执行以下操作

var senders= [];
var headers = [];
$('#dynamic_input_field th').each(function(index, item) {
    headers[index] = $(item).html();
});
$("#dynamic_input_field tr").has('td').each(function() {
    var arrayItem = {};
    $('td', $(this)).each(function(index, item) {
        arrayItem[headers[index]] = $(item).html();
    });
    senders.push(arrayItem);
});

然后在ajax中发送< code>senders

Answer 2

根据我的说法，你可以用两种方法。

代码1

在您的*中。aspx文件或*。js文件添加以下代码。

var senders = [];
$("#btn_input_kaydet").click(function () {

    var input = $("#dd_input").text();
    var trigger = $("#dd_input_trigger").text();


    $("#dynamic_input_field tr").each(function (i) {
        senders.push($(this).find('td input').attr('name'));
    });

    $.ajax({
        type: "POST",
        url: "yourpage.aspx/method",
        data: '{array: ' + JSON.stringify(senders) + ', input: "' + input + '", trigger: "' + trigger + '" }',
        traditional: true,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            senders = []; // Reset this so on Next Click you don't get same data
            // TODO: Success Handler
        },
        error: function () {
            senders = []; // Reset this so on Next Click you don't get same data
            // TODO: Fail Handler
        }
    });

});

在您的服务器端代码文件上使用如下

[WebMethod]
public static void method(List<string> array, string input, string trigger)
{
    // TODO: Further Action
}

在这个Asp.Net中，自动将JSON反序列化为字符串列表。下面是对ASP.NET JSON序列化和反序列化的很好的解释。

代码2

当我不了解JSON序列化和反序列化时，我曾经这样做过ASP.NET

在您的*中。aspx文件或*。js文件添加以下代码。

var senders = "";
$("#btn_input_kaydet").click(function () {

    var input = $("#dd_input").text();
    var trigger = $("#dd_input_trigger").text();


    $("#dynamic_input_field tr").each(function (i) {
        senders += ","+$(this).find('td input').attr('name');
    });

    $.ajax({
        type: "POST",
        url: "yourpage.aspx/method",
        data: '{array: ' + senders + ', input: "' + input + '", trigger: "' + trigger + '" }',
        traditional: true,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            // TODO: Success Handler
        },
        error: function () {
            // TODO: Fail Handler
        }
    });
});

在您的服务器端代码文件上使用如下

[WebMethod]
public static void method(string strArray, string input, string trigger)
{
    string[] array = strArray.Trim(",").Split(',');
    // TODO: Further Action
}

通过这两种方式，你都可以实现你的目标。

Answer 3

在这里，您将数据作为对象传递

data : { "arr": senders, "input": input, "trigger": trigger}

因此，您应该使用适当的类作为参数，以反映您传递的对象，如下所示

public class InputData
{
    public string name { get; set; }
    public string trigger { get; set; }
    public List<String> values { get; set; }
}

并使用class作为参数来更改webmethod语法

[WebMethod]
public static void addscnerio(InputData data)