เครื่องมือสร้างสตริงสำหรับคำสั่งค้นหา (Query String Builder)

=

สร้างสตริงคำขอที่เข้ารหัสอย่างถูกต้องจากรายการคู่คีย์-วาลู โดยเครื่องมือสร้างจะจัดการกับตัวอักษรพิเศษ ช่องว่าง และข้อมูลที่ไม่ใช่ ASCII ตามที่ RFC 3986 กำหนดไว้ ทำให้คุณสามารถนำผลลัพธ์ไปใช้ใน URL ได้โดยตรง โดยไม่มีปัญหาเกี่ยวกับเครื่องหมายแอมเพอร์แอนด์หรือเครื่องหมายเท่า

วิธีการสร้างสตริงคำค้น

  1. 1

    เพิ่มคู่ของคุณเข้าไป

    กรุณาป้อนชื่อและค่าของพารามิเตอร์แต่ละตัว หากต้องการเพิ่มคีย์เพิ่มเติม ให้เพิ่มแถวเพิ่มเติม

  2. 2

    ให้กระบวนการเข้ารหัสเกิดขึ้น

    ช่องว่างจะกลายเป็น %20 ข้อความที่ไม่ใช่ ASCII จะถูกเข้ารหัสเปอร์เซ็นต์แบบ UTF-8 และอักขระสงวน เช่น & = # ? จะถูกเข้ารหัสอย่างปลอดภัย

  3. 3

    คัดลอกผลลัพธ์

    ใส่เครื่องหมาย ? ไว้ก่อนหน้า URL ของคุณ หรือวางมันลงใน Postman, curl หรือการเรียกใช้ฟังก์ชัน fetch()

สิ่งใดที่ถูกเข้ารหัส

ตาม RFC 3986 สิ่งใดก็ตามที่อยู่นอกชุดข้อมูลที่ไม่ได้สงวนไว้ (A-Z a-z 0-9 - _ . ~) จะต้องถูกเข้ารหัสแบบเปอร์เซ็นต์ภายในองค์ประกอบของการสอบถาม โดยในทางปฏิบัติ นั่นหมายความว่า:

ตัวอักษร ถูกเข้ารหัสเป็น เหตุผล
พื้นที่ %20 หรือ + มีความไม่ชัดเจนขึ้นอยู่กับบริบท
& %26 แยกคู่ของตัวอักษร และจะทำให้สตริงแตก
= %3D แยกคีย์ออกจากค่า
# %23 เริ่มต้นชิ้นส่วน
? %3F เริ่มต้นการสืบค้นโดยตรง
/ %2F ปลอดภัยในเส้นทาง แต่เสี่ยงในคุณค่า

คีย์ที่ซ้ำกัน

แต่ละแถวจะถูกเข้ารหัสแยกกันโดยคงลำดับเดิมไว้ ดังนั้นการใส่ tag สองครั้งจะได้ tag=a&tag=b หากเซิร์ฟเวอร์ต้องการวงเล็บเหลี่ยม ให้กรอก tag[] เป็นคีย์ เครื่องมือจะไม่เดารูปแบบของเฟรมเวิร์กให้เอง

คำแนะนำ

  • ควรเข้ารหัสค่าที่ผู้ใช้ป้อนไว้เสมอ ห้ามนำค่าเหล่านั้นมาประกอบกันในรูปแบบดิบลงใน URL เลย
  • หากค่าดูเหมือนเป็นข้อมูลแบบไบนารี ให้เข้ารหัสด้วยฐาน 64 ก่อนนำไปใช้งาน

คำถามที่พบบ่อย

เครื่องมือจะแสดงช่องว่างเป็น %20 ตาม RFC 3986 เสมอ ส่วนตัวแยกวิเคราะห์ยังรองรับ + และแปลงเป็นช่องว่างสำหรับคำขอแบบฟอร์ม

กรุณาพิมพ์คีย์ซ้ำอีกครั้ง: tags=php&tags=laravel บางเฟรมเวิร์กต้องการรูปแบบการเขียนที่ใช้วงเล็บ เช่น tags[]=php&tags[]=laravel โปรดให้สอดคล้องกับรูปแบบที่ระบบแบ็กเอนด์ของคุณสามารถวิเคราะห์ได้

นี่คือการเข้ารหัสองค์ประกอบ HTML ที่เครื่องมือสร้างเทมเพลตของคุณใช้ ไม่ใช่สตริงคำขอเอง โปรดตรวจสอบให้แน่ใจว่าคุณไม่ได้ใช้การเข้ารหัสแบบ double-escaping กับผลลัพธ์เมื่อนำไปแสดงภายใน <href>

ไม่มีขีดจำกัดเดียวที่ใช้ได้ทุกระบบ เพราะเบราว์เซอร์ พร็อกซี CDN และเซิร์ฟเวอร์กำหนดต่างกัน ควรใช้เนื้อหาคำขอสำหรับข้อมูลขนาดใหญ่

เครื่องมือที่เกี่ยวข้อง

ตัวสร้างการตั้งค่า Webpack

สร้าง webpack.config.js สำหรับ webpack 5 ทั้งแบบ JavaScript ล้วน React หรือ Vue พร้อม TypeScript, Babel, CSS หรือ Sass, รูปภาพ, HtmlWebpackPlugin, เซิร์ฟเวอร์สำหรับพัฒนา และคำสั่ง npm install

เครื่องแปลงฐานตัวเลข

แปลงตัวเลขระหว่างฐานสอง ฐานแปด ฐานสิบ ฐานสิบหก และฐานกำหนดเองตั้งแต่ 2 ถึง 36 พร้อมการแยกค่าประจำหลัก

อ้างอิงตัวอักษร HTML

รายการที่สามารถค้นหาได้ขององค์ประกอบ HTML พร้อมรหัสชื่อและรหัสตัวเลข รวมถึงฟังก์ชันสำเนาด้วยคลิกเดียวสำหรับตัวอักษรพิเศษและสัญลักษณ์ต่างๆ

ตัวแปลง Timestamp

แปลง timestamp ของ Unix ในหน่วยวินาทีหรือมิลลิวินาทีเป็นวันที่ที่อ่านง่ายในเขตเวลา UTC และเขตเวลาหลัก และแปลงวันที่กลับเป็นค่า epoch

ตารางอ้างอิง ASCII

ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL

เครื่องสุ่มที่อยู่

สร้างระเบียนคล้ายที่อยู่ 1–20 รายการสำหรับแบบจำลองและการทดสอบ ด้วยรูปแบบประเทศแบบย่อ

เครื่องมือนี้มีให้บริการในภาษาอื่น