jq封装ajax的一些方法(仅供自己参考)

来源:互联网 发布:淘宝主图制作工具 编辑:程序博客网 时间:2024/05/19 23:26

写一个系列的前端页面,我们会有一种需求,风格统一,代码高效率的复用,那下面简单的说下 这时候jq的请求

ajax请求会有五个过程:发送请求之前,发送请求,请求成功和出错,请求完成,整个ajax全部完成,(我个人的分析不喜勿喷)。

为啥会有这五个状态!主要是体现在用户体验上,当然都用过请求成功和发送请求。但是剩下的几种状态也能很好地体现出你对用户的体验的提升。

function test_ajax(){   $.ajax(   {      type:"",//通常会用到两种:GET,POST。默认是:GET      url:"",//(默认: 当前页地址) 发送请求的地址      dataType:"",//预期服务器返回的数据类型。      beforeSend:beforeSend, //发送请求      success:callback, //请求成功      error:error,//请求出错       complete:complete//请求完成   });}function error(XMLHttpRequest, textStatus, errorThrown){  // 通常情况下textStatus和errorThown只有其中一个有值  //请求出错啦}function beforeSend(XMLHttpRequest){ //loading等待;}function complete(XMLHttpRequest, textStatus){  //请求完成}function callback(msg){  //成功返回数据}

当然这是一个松散的 函数,看上去和其他时候没啥不一样,只是方便调用了而已,但是如果封装成对象函数,加上弹窗ui,也许我们能慢慢看到一个不一样的世界。新的世界并不是一日构成的,在这个慢慢构建的过程中。。。

阅读全文
0 0
原创粉丝点击