jquery中ajax的用法

时间:2023-11-24 15:21:50

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);
},