码迷,mamicode.com
首页 > Web开发 > 详细

jquery中ajax的用法

时间:2015-05-22 15:01:16      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:

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

 

jquery中ajax的用法

标签:

原文地址:http://www.cnblogs.com/xiejingpeng/p/4522257.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!