Передайте 2 параметра в пост jQuery

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 content) в функцию PostData () для отправки данных на сервер.Я пробовал это, но когда я проверяю журналы, он показывает это: "params:" [объект объекта] [объект объекта] "

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

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

    PostData(val1, val2);
}

Есть идеи?

Answer 1

Здесь нужно решить несколько вопросов.Во-первых, HTML;Элементы <input /> не имеют закрывающего тега, поэтому их следует удалить.

В функции submitData() вы получаете text() элементов input, которые будут пустыми, затем установитечто к их значению, прежде чем пытаться передать 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>

Answer 2

Ну, если я не ошибаюсь, вы пытаетесь прочитать данные. Это будет так

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