javascript - Ajax POST 函数

Question

我使用这段代码来实现 get 函数，它工作得很好。我用这个函数获取数据。

    function getdata(getdatafrom, resultclass){
    $.get(getdatafrom, function(data) {
        $(resultclass).html(data);
    });
}

但我需要这个作为 post 方法。我用这个 get 方法获取输入，我必须发布它。它必须看起来像这样。

function postdata(postdatafrom, inputnamesvaluelist){
    $.post(postdatafrom, function(data) {
        $(resultclass).html(data);
    });
}

我将在此代码中输入输入名称，例如:

onclick="postdata(post.php,input1-input2-input3)"

它会发布此输入..我该怎么做？

Answer 1

如果您要使用内联事件执行此操作，您应该添加单引号:

onclick="postdata('post.php', '#input1-#input2-#input3')"

那么你的js应该是:

function postdata(postdatafrom, inputnamesvaluelist){
    var inputs_ids = inputnamesvaluelist.split('-');//split string passed into array of ids
    var parameters={};

    //construct obejct of {name: value,..} that you could pass it in post request
    $.each(inputs_ids, function(index, input_id){
        var input_name  = $(input_id).attr("name");
        var input_value = $(input_id).val();

        parameters[input_name]=input_value;
    })

    //post parameters to given "postdatafrom"
    $.post(postdatafrom, parameters, function(data) {
        //Your code here
    });
}

希望这有帮助。