溫馨提示×

如何通過serializearray提交多個值

小樊
98
2024-07-05 16:26:22
欄目: 編程語言

您可以使用 jQuery 的 serializeArray() 方法來將表單中的多個值序列化為一個數組,然后將該數組提交給服務器。以下是一個示例代碼:

<form id="myForm">
  <input type="text" name="name" value="John">
  <input type="text" name="email" value="john@example.com">
  <input type="text" name="phone" value="123456789">
  <input type="checkbox" name="subscribe" value="1" checked>
</form>

<button id="submitButton">Submit</button>

<script>
  $(document).ready(function() {
    $('#submitButton').click(function() {
      var formData = $('#myForm').serializeArray();
      
      $.ajax({
        url: 'your_server_url',
        type: 'post',
        data: formData,
        success: function(response) {
          console.log('Form data submitted successfully');
        },
        error: function(err) {
          console.error('Error submitting form data');
        }
      });
    });
  });
</script>

在上面的示例中,當用戶點擊提交按鈕時,表單中的數據會被序列化為一個數組,并通過 AJAX 請求發送到服務器上的 your_server_url。您可以根據實際情況修改和擴展這段代碼來滿足您的需求。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女