将2个参数传递给jQuery post

Question

我有这个功能：

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

在HTML中，我得到了具有2个输入的列表：

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

我想做的是将输入值（#name和#ident内容）传递给PostData（）函数，以便将数据提交给服务器。 我已经尝试过了，但是当我检查日志时显示如下：“ 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);
}

有任何想法吗？

Answer 1

好吧，如果您输入的数据没有错，它将像这样

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

Answer 2

这里有几个问题要解决。 首先是HTML； <input />元素没有结束标记，因此应将其删除。

在您的submitData()您将获取input元素的text() ，该元素将为空，然后将其设置为它们的值，然后再尝试将jQuery对象传递给PostData() 。

然后， PostData()本身似乎期望使用字符串，而不是所发送的jQuery对象。 分隔值也很有意义，可以是单个参数中的逗号分隔字符串，也可以是两个单独的参数。 这是如何实现后者的完整实现：

 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>