将2个参数传递给jQuery post

Question

I have this function:

function PostData(idTag, nameTag){
    $.post(".../info/act/set?params=" + idTag + nameTag,  function(data, status){
            alert("Data: " + data + "\nStatus: " + status);
    })
}

In HTML i got this list with 2 inputs:

        <li><label>NAME: <input id="name"></input></label></li>
        <li><label>ID: <input id="ident"></input></label></li>

What I'm trying to do is to pass the input values(#name and #ident contents) to the PostData() function in order to submit data to the server. I have tried this but when i check the logs it shows this: "params : "[object Object][object Object]"

function submitData() {
    var name = $("#name").text();
    var loc = $("#loc").text();

    val1=$("#name").val(name);
    val2=$("#loc").val(loc);

    PostData(val1, val2);
}

Any ideas?

Answer 1

Well if am not wrong you are trying to read data It will be like this

function submitData() {
    var val1=$("#name").val();
    var val2=$("#loc").val();
    PostData(val1, val2);
}

Answer 2

There are several issues to address here. Firstly the HTML; <input /> elements do not have a closing tag so that should be removed.

In your submitData() funciton you're getting the text() of the input elements, which will be empty, then setting that to their value, before attempting to pass jQuery objects to PostData() .

PostData() itself then seems to be expecting strings, not the jQuery objects that you are sending. It would also make sense to separate the values, either as a comma delimited string in a single parameter, or two separate parameters. Here is a full implementation of how to achieve the latter:

 function PostData(idTag, nameTag) { $.post('.../info/act/set?id=' + idTag + '&name=' + nameTag, function(data, status) { console.log(data, status); }) } function submitData() { PostData($("#name").val(), $("#loc").val()); } 

 <li> <label> NAME: <input id="name" /> </label> </li> <li> <label> ID: <input id="ident" /> </label> </li>