具有功能的Ajax POST

时间:2016-04-21 16:23:17

标签: javascript php jquery ajax

我正在使用此代码获取功能,它完美无缺。我正在使用此功能获取数据。

    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)"

它会发布这些输入..我该怎么做?

1 个答案:

答案 0 :(得分: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
    });
}

希望这有帮助。