home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ดึงข้อมูล Key/Value จาก HTML Form ด้วย jQuery

ใช้ .serializeArray()

HTML

<form id="form1">
  <input type="text" name="demo" />
</form>

JavaScript/jQuery

var data = $('#form1').serializeArray();
// ผลลัพธ์: [{name: "demo", value: "ค่าที่ป้อน"}]

$.ajax({
    url: "/submit",
    method: "POST",
    data: data // ส่งเป็น array of objects
});

รูปแบบข้อมูลอื่นๆ

  • serialize() - URL-encoded string: demo=value&foo=bar
  • serializeArray() - Array of objects: [{name, value}, ...]
  • FormData (Native) - สำหรับ File Upload และ AJAX แบบ Modern