如何为ajax编写数据部分以使其工作?

时间:2018-01-05 20:36:53

标签: javascript jquery ajax

我现在已经在这个部分挣扎了一段时间。我已经意识到我的列表会从文本字段中插入personName和personLastName而不是我的值,但我似乎无法插入实际值。

Insert.php已经过充分测试并且有效。

如何编写数据部分?

我的HTML

<input type="text" id="firstName1" name="name2"id="first3"><br>
<input type="text" id="lastName1" name="last2" id="last3"><br>
<input type="submit" id="btn" value="Add">

我的javascript。

$(function() {

  $('#btn').click(function() {
    alert('pressed');

    $.ajax({
      url: 'insert.php',
      type: 'POST',
      data: {
        'first': 'personName',
        'last': 'personLastName'
      },
      success: function(msg) {
        alert('Added'); 
      }
    });
  });
});

1 个答案:

答案 0 :(得分:1)

id在网页中必须是唯一的...我经常这么说。但这是我第一次说每个元素只能定义id一次。这是第一个问题。

现在,在data对象中,personNamepersonLastName是字符串。这就是发送的内容。

如果您想要输入值,请使用id

类似的东西:

data: {
  'first': $("#firstName1").val(),
  'last': $("#lastName1").val()
},

并删除HTML标记中每个输入的第二个id