อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body -Jinja2

แนะนำ สอบถาม ภาษา C สำหรับผู้เริ่มต้น ภาษา Java ภาษา Python

Moderator: mindphp, ผู้ดูแลกระดาน

topoko123
PHP Hero Member
PHP Hero Member
โพสต์: 136
ลงทะเบียนเมื่อ: 26/04/2021 9:02 am

อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body -Jinja2

โพสต์ที่ยังไม่ได้อ่าน โดย topoko123 »

อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body โดยจะส่งเป็น Json ไปยัง BaseModel ของ FastAPI
templates engine ที่ใช้ Jinja2
โค้ด html
โค้ด html
form body
form body
form-data-2.jpg (21.91 KiB) Viewed 1548 times
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body -Jinja2

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ข้อความลงเป็นโค้ดและครอบโค้ดด้วยครับ

ต้องการทำอะไรส่วนไหน

form ยังไม่มี action
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
topoko123
PHP Hero Member
PHP Hero Member
โพสต์: 136
ลงทะเบียนเมื่อ: 26/04/2021 9:02 am

Re: อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body -Jinja2

โพสต์ที่ยังไม่ได้อ่าน โดย topoko123 »

mindphp เขียน: 11/05/2021 6:02 pm ข้อความลงเป็นโค้ดและครอบโค้ดด้วยครับ

ต้องการทำอะไรส่วนไหน

form ยังไม่มี action
ขออภัยครับ ตอนนี้แก้ไขได้แล้วครับ
topoko123
PHP Hero Member
PHP Hero Member
โพสต์: 136
ลงทะเบียนเมื่อ: 26/04/2021 9:02 am

Re: อยากทราบวิธีเปลี่ยนจากการส่งแบบ form data ไปเป็นการส่งแบบ request body -Jinja2

โพสต์ที่ยังไม่ได้อ่าน โดย topoko123 »

สำหรับใครที่ผ่านเข้ามาแล้วเกิดปัญหานี้สามารถใช้ ajax แก้ปัญหาได้ครับ

โค้ด: เลือกทั้งหมด

<script>
document.getElementById('myform').addEventListener('submit', (e) => {
  e.preventDefault();

  const formData = new FormData(e.target);
  const data = Array.from(formData.entries()).reduce((memo, pair) => ({
    ...memo,
    [pair[0]]: pair[1],
  }), {});
  const js_data =JSON.stringify(data);
  $.ajax({
    url: "url",
    type: "POST",
    data: js_data,
    contentType: "application/json",
    success: function (data) {
      if(data.msg == 'insert success'){
        location.href = "redirect"
      }
        alert(data.msg);
    }
});
});

</script>
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 89