คำขอเครือข่าย

อีกส่วนที่มีประโยชน์ของ Developer Tools คือ Network ในนั้น คุณสามารถติดตามคำขอเครือข่ายทั้งหมดและข้อมูลโดยละเอียดเกี่ยวกับพวกเขา และแยกวิเคราะห์คำตอบที่ได้รับ ลองดูตัวอย่างตารางที่มีข้อมูลเกี่ยวกับประเทศต่างๆ มันถูกสร้างขึ้นในโมดูล 8 และเราทราบแน่นอนว่าจะต้องทำการร้องขอ GET เพื่อเติมข้อมูลในตารางนี้ มาเปิดหน้าที่เกี่ยวข้องกันและตรวจสอบให้แน่ใจว่าคำขอนั้นถูกส่งจริงและประกอบขึ้นอย่างถูกต้อง

ตารางถูกสร้างขึ้นอย่างถูกต้องมีการกรอกโดยอัตโนมัติดังนั้นจึงไม่ต้องสงสัยเลยว่าการส่งคำขอเป็นจริง สามารถเห็นได้ในส่วน Network แต่การไม่มีข้อมูลที่เป็นไปได้นั้นสามารถให้คำตอบได้ว่าทำไมไม่มีข้อมูลในตาราง ในกรณีนี้ จะเห็นได้ชัดว่าคุณจำเป็นต้องค้นหาสาเหตุของการไม่มีคำขอ GET (ตัวเลือกที่เป็นไปได้: ไม่ได้ตั้งค่าทริกเกอร์ที่ถูกต้องสำหรับการส่ง เหตุการณ์ที่เปิดใช้งานทริกเกอร์จะไม่เกิดขึ้น กระบวนการทางธุรกิจคือ เรียบเรียงผิดพลาด)

เพื่อความสะดวกยิ่งขึ้นในการแสดงข้อมูลที่จำเป็น คุณสามารถเปิดใช้งานตัวกรอง Fetch / XHR ได้ทันที (คำขอบริการต่างๆ ที่ไม่จำเป็นในขั้นตอนนี้จะไม่แสดง) หรือแม้แต่ใช้การค้นหาคำสำคัญ

Headers

คุณสามารถแยกวิเคราะห์คำขอในรายละเอียดทั้งหมดได้ที่นี่ และตรวจสอบให้แน่ใจว่าได้ดำเนินการอย่างถูกต้อง ในตัวอย่างนี้ บนแท็บ Headers ( General -> Request URL ) คำขอจะแสดงทั้งหมด โดยใช้พารามิเตอร์

เราสามารถตรวจสอบได้ว่ามีการตั้งค่าพารามิเตอร์:

• _offset=0 -ขอข้อมูลตามที่เป็นอยู่ตั้งแต่เริ่มต้นและไม่มีการเยื้อง
• _with=1 - นอกจากข้อมูลเกี่ยวกับประเทศแล้ว ยังขอข้อมูลจากตารางที่เกี่ยวข้องด้วย (ในกรณีนี้ 1 หมายถึงการรับข้อมูลเกี่ยวกับเมือง)
• _limit=10 - คำขอจำกัดองค์ประกอบ 10 รายการแรก
• _sort_order=ASC - ข้อมูลเรียงลำดับจากน้อยไปหามาก
• _sort_by=name - ข้อมูลเรียงตามชื่อ

พารามิเตอร์เดียวกันสามารถดูได้ในแท็บ Payload มีความเกี่ยวข้องเมื่อจำเป็นต้องศึกษาองค์ประกอบของคำขอโดยละเอียด สิ่งนี้มักจำเป็นเมื่อส่งคำขอ POST เมื่อมีการส่งผ่านอ็อบเจกต์โมเดลเพื่อเขียนไปยังฐานข้อมูล และคุณต้องพิจารณาโครงสร้างโดยละเอียด

Preview

แต่ความสนใจที่ยิ่งใหญ่ที่สุดมักไม่ใช่คำขอ แต่เป็นคำตอบซึ่งเป็นผลมาจากคำขอ คุณสามารถดูได้ในรูปแบบที่มีโครงสร้างบนแท็บ Preview

ในตัวอย่างนี้ คุณจะเห็นว่ามีการตอบกลับข้อมูลเกี่ยวกับสามประเทศ คุณยังสามารถดูชื่อ คำอธิบาย ข้อมูลเกี่ยวกับเมืองที่เกี่ยวข้อง และข้อมูลบริการต่างๆ (ID เวลาสร้าง เวลาแก้ไข ฯลฯ) การไม่มีข้อมูลใดๆ ในที่นี้จะอธิบายได้ว่าทำไมข้อมูลนี้จึงไม่อยู่ในตารางด้วย (ซึ่งหมายความว่าคุณต้องเข้าใจกระบวนการทางธุรกิจซึ่งเป็นผลมาจากข้อมูลที่ควรจะได้รับ) หรือในทางกลับกัน การมีข้อมูลเพิ่มเติมจะทำให้ตารางมีรายละเอียดมากขึ้นอย่างชัดเจน