jq前端拦截ajax 使用本地数据调试

2017-10-26 19:50:48来源:CSDN作者:zhouweixue_vivi人点击

分享
ajax 拦截函数:
var whatMode = 'prod' // 指明使用开发模式还是生产模式的变量,可选值'dev'/'prod'// obj对象有以下属性fake, url, succ, fail,在下方调用makeAction函数时会说明各个参数var makeAction = function(obj) {  if (whatMode === 'dev') {    $.ajax({      url: obj.fake,      dataType: 'json',      success: function (data) {        obj.succ(data)      },      error: function() {        obj.fail()      }    })  } else if (whatMode === 'prod') {     $.ajax({      url: obj.url,      dataType: 'json',      type:obj.type,      data:obj.data,      success: function (data) {        obj.succ(data)      },      error: function() {        obj.fail()      }    })  }}
调用:
makeAction({                  fake: 'json/data2.json', // 自己编的假数据的本地文件的路径地址                  url: urlData.ajaxurl,                  type:'GET',                  data:urlData.ajaxData,                  succ: function (result) {  // success回调函数                       console.log( result )                  },                  fail: function () { // error回调函数                       alert('页面数据请求失败')                  }           });

最后:运行时需要服务器支撑,本地直接访问会报错,可以使用we'b'storm'自带的服务器,也可使用nodeJs 模拟服务器

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台