黑马程序员技术交流社区

标题: ajax公共组件的提问 [打印本页]
作者: 许王斌    时间: 2012-10-26 10:14
标题: ajax公共组件的提问
谁学到邹老师的ajax的公共组件编写了，这块我怎么也搞不懂，跟了几遍代码也无果，望高手指点一二
尤其是后面添加的原型方法
  1. function AjaxRequest(method, url, data, callback) {
  2.     this.method = method;
  3.     this.url = url;
  4.     this.data = data;
  5.     this.callback = callback;

  7.     this.send = function () {
  8.         //1.创建异步对象
  9.         var xhr = createXmlHttp();
  10.         //2.设置请求参数
  11.         this.url = (this.data.length > 0 && this.method == "get") ? this.url + "?" + this.data : this.url;
  12.         xhr.open(this.method, this.url, true);
  13.         //3.根据请求方式 设置 响应的请求状态行
  14.         if (this.method == "get") {
  15.             xhr.setRequestHeader("If-Modified-Since", 0);
  16.         }
  17.         else {
  18.             xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  19.         }
  20.         //4.设置回调函数
  21.         xhr.onreadystatechange = this.bind(this,function(){
  22.             if (xhr.readyState == 4 && xhr.status == 200) {
  23.                 //获得 服务器响应的json数组字符串
  24.                 this.callback(xhr.responseText);
  25.             }
  26.         });

  28.         //5.发送请求报文
  29.         if (this.method == "get") {
  30.             xhr.send(null);
  31.         }
  32.         else {
  33.             xhr.send(this.data);
  34.         }
  35.     };
  36. }

  38. //为AjaxRequest添加原型方法
  39. AjaxRequest.prototype = {
  40.     bind: function (object, fun) { return function () { return fun.apply(object, arguments); } }
  41. }
复制代码




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2