ดาวน์โหลด remote form - ดาวน์โหลดซอร์สโค้ด remote form

remote form

หมวดหมู่อื่นๆ

v0.4.3

ดาวน์โหลด

แบบฟอร์มระยะไกล

ฟังก์ชั่นที่จะเปิดใช้งานการส่งแบบฟอร์มผ่าน AJAX

ฟังก์ชันจะสร้างคำขอตามแบบฟอร์มโดยใช้ window.fetch โดยมีเพย์โหลดที่เข้ารหัสเป็นพารามิเตอร์ URL หากวิธีการของแบบฟอร์มคือ GET และ FormData สำหรับวิธีอื่นๆ ทั้งหมด

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

การติดตั้ง

 $ npm install --save @github/remote-form

การใช้งาน

 import { remoteForm } from '@github/remote-form'

// Make all forms that have the `data-remote` attribute a remote form.
remoteForm ( 'form[data-remote]' , async function ( form , wants , request ) {
  // Before we start the request
  form . classList . remove ( 'has-error' )
  form . classList . add ( 'is-loading' )

  let response
  try {
    response = await wants . html ( )
  } catch ( error ) {
    // If the request errored, we'll set the error state and return.
    form . classList . remove ( 'is-loading' )
    form . classList . add ( 'has-error' )
    return
  }

  // If the request succeeded we can do something with the results.
  form . classList . remove ( 'is-loading' )
  form . querySelector ( '.results' ) . innerHTML = response . html
} )

 < form action =" /signup " method =" post " data-remote >
  < label for =" username " > Username </ label >
  < input id =" username " type =" text " >

  < label for =" password " > Username </ label >
  < input id =" password " type =" password " >

  < button type =" submit " > Log in </ button >
  < div class =" results " > </ div >
</ form >