# Ajax-hook [![npm version](https://img.shields.io/npm/v/ajax-hook.svg)](https://www.npmjs.org/package/ajax-hook) [![build status](https://travis-ci.org/wendux/Ajax-hook.svg?branch=master)](https://travis-ci.org/wendux/Ajax-hook) [![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://opensource.org/licenses/mit-license.php) ![](https://img.shields.io/badge/typeScript-support-orange.svg) ![](https://img.shields.io/badge/support-%3E%3Des5-orange.svg) ![](https://img.shields.io/github/size/wendux/Ajax-hook/dist/ajaxhook.min.js.svg) ![image](https://github.com/wendux/Ajax-hook/raw/master/ajaxhook.png) 中文文档:[http://www.jianshu.com/p/9b634f1c9615](http://www.jianshu.com/p/9b634f1c9615) 原理解析:[http://www.jianshu.com/p/7337ac624b8e](http://www.jianshu.com/p/7337ac624b8e) ## Introduction Hook Javascript global XMLHttpRequest object。 And change the default Ajax request and response . ## Usage 1. Installing - Using cdn ```html ``` - Using npm ```shell npm install ajax-hook ``` 2. hook the callbacks and functions you want . ```javascript hookAjax({ //hook callbacks onreadystatechange:function(xhr){ console.log("onreadystatechange called: %O",xhr) }, onload:function(xhr){ console.log("onload called: %O",xhr) }, //hook function open:function(arg,xhr){ console.log("open called: method:%s,url:%s,async:%s",arg[0],arg[1],arg[2]) } }) // NPM // const ah=require("ajax-hook") // ah.hookAjax({...}) ``` Now, it worked! we use jQuery ajax to test . ```javascript // get current page source code $.get().done(function(d){ console.log(d.substr(0,30)+"...") }) ``` The result : ``` > open called: method:GET,url:http://localhost:63342/Ajax-hook/demo.html,async:true > onload called: XMLHttpRequest >