remote form

远程形式

允许通过 AJAX 提交表单的功能。

如果表单方法是GET ，并且对于所有其他方法都是FormData ，则该函数将使用window.fetch发出基于表单的请求，并将有效负载编码为 URL 参数。

请求对象在回调函数中可用，允许在发送请求之前修改标头和正文。

安装

 $ 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 > 

浏览器支持

没有原生自定义元素支持的浏览器需要一个polyfill。

• 铬合金
• 火狐浏览器
• 狩猎之旅
• 微软边缘

发展

 npm install
npm test

执照

根据麻省理工学院许可分发。有关详细信息，请参阅许可证。