jquery中ajax的用法

Jquery中队Ajax操作进行了封装,可分为3层:1、最底层$.ajax(),2、第二层load()、$.get()、$.post()方法,3、第三层$.getScript()和$.getJSON()方法

一、$.ajax()是jquery最底层的方法,

$.ajax(options)

 该方法只有一个参数options,但是以key/value,形式存在,所有参数都是可选的,

  • url             
  • type
  • timeout
  • data
  • dataType
  • beforeSend
  • complete
  • success
  • error
  • global

url:发送请求的地址[String]

type:请求的方式(post/get)[String]

timeout:设置超时时间,毫秒   [Number]

data:发送到服务器的数据[String]

dataType:服务器返回的数据类型[String]

success:请求成功后的回掉函数function(data,textStatus){}

例子:对ajax的一些方法再次封装

ajax : function(options,loadingTar){
        var _this = this;
        var loadingKey = loadingTar&&_this.loading(loadingTar);
        var obj = {
            type : "POST",
            dataType : 'json'
        },options = options;
        var opts = $.extend({},obj,options);
        opts.success = function(data){
            // console.info(data);
            var data = data;
            options.success&&options.success(data);
            loadingTar&&_this.unLoading(loadingKey);
            // data.msg&&_this.tips(data.msg);
        };
        opts.error = function(){
            loadingTar&&_this.unLoading(loadingKey);
            // _this.tips('something is wrong...');
        }
        $.ajax(opts);
    },

 

posted @ 2015-05-22 14:24  谢靖鹏  阅读(202)  评论(0编辑  收藏  举报