js面向对象封装ajax 怎么封装一个公共的ajax请求

js面向对象封装ajax

1. 在js中, function也是对象.
2. net也是对象
var net = new Object() //声明一个object对象
//alert(typeof net) //object
net.AjaxRequest = function(){} //声明一个function对象
//alert(typeof net.AjaxRequest) //function3. 在这里this指的是net.AjaxRequest


4. net.AjaxRequest.onReadyState 不加prototype是因为在22行要通过 "对象.方法" 的方式直接调用




你问的这几个问题,研究起来会有点深.. 相关连接我放到评论里.

怎么封装一个公共的ajax请求

s = {type : POST,
  url : xxx,
  data : {},
  async : true,
  success : function(result) {
    alert(1111)  
   },
  Callback:function(){
    alert(2222)
    }
}

var _ajax = $.ajax
    $.ajax = function (s) {
    var old = s.success
    s.success = function (data, textStatus, jqXHR) {
    alert(333)
    if (data && data.IsLogout) {
    eval(data.Callback)
    }
    if (old) {
    old(data, textStatus, jqXHR)
    }
    }
    _ajax(s)
    }
$.ajax(s)开始，跳进你自定义的$.ajax = fuc/.....
 var old = s.success
 将 function(result) {
    alert(1111)  
   }
赋值给 old。这是为了保存之前定义的success
 s.success = function (data, textStatus, jqXHR) {
    alert(333)
    if (data && data.IsLogout) {
    eval(data.Callback)
    }
    if (old) {
    old(data, textStatus, jqXHR)
    }
    }
自己封装一个方法。并修改参数s的success，让ajax执行完成之后执行这个方法而不是之前的alert(111)

 _ajax(s)执行原生的ajax跳到指定的页面。

成功后跳到 s.success = function (data, textStatus, jqXHR) {
    alert(3333)
    if (data && data.IsLogout) {
    eval(data.Callback)
    }
    if (old) {
    old(data, textStatus, jqXHR)
    }
    }

如何自己封装一个ajax函数

s = {type : POST,
url : xxx,
data : {},
async : true,
success : function(result) {
alert(1111)
},
Callback:function(){
alert(2222)
}
}

var _ajax = $.ajax
$.ajax = function (s) {
var old = s.success
s.success = function (data, textStatus, jqXHR) {
alert(333)
if (data data.IsLogout) {
eval(data.Callback)
}
if (old) {
old(data, textStatus, jqXHR)
}
}
_ajax(s)
}
$.ajax(s)开始，跳进你自定义的$.ajax = fuc/..
var old = s.success
将 function(result) {
alert(1111)
}
赋值给 old。这是为了保存之前定义的success
s.success = function (data, textStatus, jqXHR) {
alert(333)
if (data data.IsLogout) {
eval(data.Callback)
}
if (old) {
old(data, textStatus, jqXHR)
}
}
自己封装一个方法。并修改参数s的success，让ajax执行完成之后执行这个方法而不是之前的alert(111)

_ajax(s)执行原生的ajax跳到指定的页面。

成功后跳到 s.success = function (data, textStatus, jqXHR) {
alert(3333)
if (data data.IsLogout) {
eval(data.Callback)
}
if (old) {
old(data, textStatus, jqXHR)
}
}