สตริงการสืบค้นประกอบด้วยพารามิเตอร์การสืบค้นและใช้เพื่อส่งข้อมูลไปยังเซิร์ฟเวอร์ ส่วนนี้ของ URL เป็นทางเลือก จะต้องสร้างโดยนักพัฒนา ซึ่งสามารถทำได้โดยใช้วิธีการดั้งเดิมที่เรียกว่า encodeURIComponent
ฟังก์ชัน encodeURIComponent() เข้ารหัสส่วนประกอบ Uniform Resource Identifier (URI) โดยการแทนที่แต่ละอินสแตนซ์ของอักขระบางตัวด้วย Escape Sequence หนึ่ง สอง สาม หรือสี่ตัวที่แทนการเข้ารหัส UTF-8 ของอักขระ
การใช้รูปแบบ ES6 ใหม่ วัตถุสามารถเข้ารหัสสตริงการสืบค้นด้วยวิธีต่อไปนี้ -
ตัวอย่าง
let obj = { name: 'John', age: 25, city: 'Chicago' }; let qs = Object.keys(obj) .map(k => `${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`) .join('&'); console.log(qs);
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ -
name=John&age=25&city=Chicago