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);
    },
时间: 2024-07-31 17:20:07

jquery中ajax的用法的相关文章

关于jquery中AJAX的用法

在Jquery中的ajax的数据格式: $.post("url(用到的那个PHP)",{(所要传递的参数,如果是多个参数要用逗号分隔开)},回调函数function(){ ......; }) 具体实例: (HTML文件) <body> <input type="button" id="btn" value="提交" />  用户名:<input type="text" id=

关于Jquery中ajax方法data参数用法的总结

jquery手册描述: data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQuery 将自动为不同值对应同一个名称.如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'. 示例: $.ajax({    type: "POST",    u

jQuery中$.when的用法

在开发中我们会遇到多重ajax调用的情况,这时比较适宜用$.when方法,无需再为每次调用请求分别定义一个回调. 使用实例: var serverData={}; var get1=$.get('/1').done(function(result){ serverData['1']=result; }); var get2=$.get('/2').done(function(result){ serverData['2']=result; }); $.when(get1,get2).done(f

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

jQuery中$.ajax()详解(转)

JQuery中$.ajax()方法参数详解     url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有

jQuery中ajax的4种常用请求方式

jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.ajax({ type: "post", dataType: "

通过Jquery中Ajax获取json文件数据

1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : 名称/值对. 例如: "Student":"Tom" Json值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true或者false) 数组(在方括号中) 对象(在花括号中) null  例如(对象):{"name":"to

jQuery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一: 获取第一个匹配元素指定属性的属性值. 代码如下: $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="

jQuery中eq()方法用法

这篇文章主要介绍了jQuery中eq()方法用法,实例分析了eq()方法的功能.定义及获取匹配元素集上的相应位置索引元素的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码 代码如下: $(selector).eq(index) 参数列表: 参数 描述 index 定义元素在元素集中的索引,从零开始的.      如果是