ajax fake

ajax-偽

English|简体中文

ajax-fake使用すると、ネイティブ ajax をインターセプトして、ajax の応答、ステータス、遅延などを模擬するなどのハッキングを行うことができます。

例

 import { fake , unfake } from 'ajax-fake'

const mockData = [
  {
    path : '/api/v1/article/list' ,
    method : 'GET' ,
    response : `{"success": true, "data": "hello", "code": 0}` ,
  } ,
]

fake ( {
  // XMLHttpRequest can's be written if true
  force : true ,
  // custom request match
  onRequestMatch : ( { requestMethod , requestUrl } ) => {
    // find matched item
    const matchedItem = mockData . find ( ( item ) => {
      const { path , method } = item
      return requestMethod . toUpperCase ( ) === method . toUpperCase ( ) && requestUrl === path
    } )
    if ( matchedItem ) {
      return {
        // ajax-fake will simulate ajax request if matched is true
        matched : true ,
        response : matchedItem . response ,
        // ajax-fake has intercepted request when mathced, we can also send a real request by sendRealXhr
        // note that there are two requests with sendRealXhr true, one for simulate, another for real request
        // the simulate one will not appear in Chrome Network panel, the real request is additional, we still handle request result with simulate one
        // the option intents to make request more tricky
        sendRealXhr : true ,
        status : 200 ,
        delay : 2000 ,
      }
    } else {
      return {
        // send real ajax request if not matched
        matched : false ,
      }
    }
  } ,
} )

// cancel ajax request intercept
unfake ( )