javascript - 简化ajax对象

Question

我有这个函数可以将表单中的输入写入数据库，并且我正在尝试简化 ajax 调用传递给 php.ini 的数据。目前我有这个功能:

function writeDB(stage){
    var userData = $("#cacheDB").find("input").get();
    var ajaxData = []
    for (var n=0;n < userData.length; n++){
        item = {};
        item[userData[n].id] = userData[n].value;
        ajaxData.push(item);
    }

    $.ajax({
        url: "x.php",
        data: {ajaxData},
    });
}

它发出这个对象:

http://url.php?ajaxData[0][pageid]=1&ajaxData[1][input1]=John&ajaxData[2][input2]=Doe

我只想发送原始数据 key ，例如:

http://url.php?[pageid]=1&[input1]=John&[input2]=Doe

或者

http://url.php?pageid=1&input1=John&input2=Doe

可以吗？我尝试了多种方法，但尚未找到合适的方法。

Answer 1

我会尝试序列化表单而不是 for 循环。它基本上将表单中的所有输入字段作为 JSON 对象发送到服务器。

$.post('server.php', $('#theForm').serialize())

对于较大的表单，应优先选择HTTP POST方法，可以发送复杂的对象。

查看此以获得更多帮助:jQuery AJAX submit form

希望这是您所需要的。