Ajax使用

122 阅读1分钟

使用

dataType可用的类型

xml:返回XML文档,可用JQuery处理

html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行

script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注        意在远程请求时(不在同一个域下),所有post请求都将转为get请求

json:返回JSON数据

jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动         替换后一个“?”为正确的函数名,以执行回调函数

text:返回纯文本字符串

一个例子Ajax的封装

 /**
     * Ajax请求
     * @param data  参数,须包含请求地址url,即data.url
     * @param callback  回调函数
     * @param async 异步,默认是false,即同步
     * @param dateType  返回数据类型,默认json
     * @param winFlag   需要遮罩层标识,即true:需要,false:不需要
     * @param type  请求方式,默认为get
     * @constructor
     */
    AjaxRequest: function (data, callback, async, dateType, winFlag, type) {
      var async1 = false;
      var dateType1 = "json";
      var type1 = "post";
      if (async && async == true) {
        async1 = async;
      }
      if (dateType && dateType.length > 0) {
        dateType1 = dateType;
      }
      if (type && type.length > 0) {
        type1 = type
      }
      //if (winFlag == true) {
      //    $.general.loadingAdd();
      //}
      $.ajax({
        async: async1,
        timeout: "10000",
        url: data.url,
        data: data,
        type: type1,
        cache: false,
        dataType: dateType1,
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        success: function (data) {
          callback(data);
          if (winFlag == true) {
            $.general.loadingRemove();
          }
        },
        error: function (data) {
          if (winFlag == true) {
            $.general.loadingRemove();
          }
        }
      });
    },