javascript - 将值附加到表单

Question

我试图从表单中获取值并将其附加到表单，然后将该值作为参数传递

脚本

$(document).ready(function() {
$('#buttonClick').on('click', 'button',function firstCall(){

var form = new FormData();
form.append("name", "test");
form.append("phone", "2245201905");
form.append("url", "this_url");
var settings = {
  "async": true,
  "crossDomain": true,
  "url": "url_path",
  "method": "POST",
  "processData": false,
  "contentType": false,
  "mimeType": "multipart/form-data",
  "data": form
}

$.ajax(settings).done(function (response) {
  console.log(response);
});});
});

HTML

<form method="post" id="formSample">
 <div class="form-group">
      <label for="name">Name</label>
      <input type="text" id="name" placeholder="Fullname">
 </div>
 <div class="form-group">
      <label for="phone">phone</label>
      <input type="number" name="phone" placeholder="number">
 </div>
 <div id="buttonClick">
 <button >Submit</button></div>

在我的脚本中，我硬编码了 name、phone 和 url 的值，它的工作原理是我无法从 form..所以我在找

form.append("name", "(document.getElementById('name').value");

同样在单击按钮时，我无法传递数据，因为我已经设置了警报，但我的代码没有进入功能

注意:我还没有处理 url 部分

Answer 1

form.append("name", "(document.getElementById('name').value");

你在这里附加了一个字符串。只需删除“

form.append("name", document.getElementById('name').value);

您可能还想仔细看看匿名 functions和 data types在 javascript 中