Ajax() 方法

$.ajax() 中的参数及使用方法

在jQuery中，$.ajax() 是最底层的方法，也是功能最强的方法。$.get()、$.post()、$.getScript()、getJSON() 都是在此方法上建立的。

$.ajas([options])

$.ajax() 的参数列表

参数名

类型

功能描述

url

String

发送请求的地址

type

String

数据请求的方式(post 或 get)，默认为get

data

String 或 object

发送到服务器的数据。如果不是字符串则自动转成字符串，如果是get方式，那么，该字符串将附在url的后面

dataType

String

服务器返回的数据类型，如果没有指定，jQuery将自动根据 HTTP 包 MIME 信息自动判断，服务器返回的数据根据自动判断的结果进行解析，传递给回调函数。其可用类型为：

html：返回纯文本的 HTML 信息，包含的 Script 标记会插入页面时执行

script：返回纯文本 JavaScript 代码

beforeSend

Function

该函数用于发送请求前修改 XMLHttpRequest 对象，其中的参数就是 XMLHttpRequest 对象，由于该函数本身是jQuery事件，因此，如果函数返回 false ，则表示取消本次请求

complete

Function

请求完成后调用的回调函数，该函数无论数据发送成功或失败都会调用，其中有两个参数，一个是 XMLHttpRequest 对象另一个是strStatus，用于描述成功请求类型的字符串

success

Function

请求成功后调用的回调函数，该函数有两个参数，一个是根据参数 dataType 处理后服务器返回的数据，另一个是 strStatus 用于描述状态的字符串

error

Function

请求失败后调用的回调函数，该函数有三个参数，第一个是 XMLHttpRequest 对象，第二个是出错信息strError，第三个是捕捉到的错误对象 strObject

timeout

Number

请求超时的时间(毫秒)，该设置将覆盖 $.ajax() 方法中的同样设置

global

Boolean

是否响应全局事件，默认是true，表示响应，如果设置成false，表示不响应。那么，全局事件 $.ajax() 等将不响应

async

Boolean

是否异步请求，默认为 true ，表示异步，如果设置为 false，表示同步请求

cache

Boolean

是否进行页面缓存，true 表示进行缓存，false表示不进行缓存

//ajax

$.ajax({

url: "@Url.Action("AjaxTest","Ajax")",

//自动识别返回数据类型

//dataType: "JSON",

data: {

name: $("input[name=name]").val(),

pwd: $("input[name=pwd]").val(),

email: $("input[name=email]").val()

},

success: function (data) {

if (data!=null) {

var strHTML = "";

//strHTML += "name:" + data["name"] + "
";

//strHTML += "sex:" + data["sex"] + "
";

//strHTML += "email:" + data["email"] + "

---

";

strHTML += "name:" + data.name + "
";

strHTML += "sex:" + data.pwd + "
";

strHTML += "email:" + data.email + "

---

";

$("#tip").html(strHTML);

} else {

alert("请求失败！");

}

},

error: function () {

alert("请求失败！");

}

})

$.ajaxStetup() 设置全局 Ajax

//ajaxsetup

$.ajaxSetup({

//设置全局属性的Ajax选项，什么是全局就添加什么

url: "@Url.Action("AjaxTest","Ajax")",

data: {

name: $("input[name=name]").val(),

pwd: $("input[name=pwd]").val(),

email: $("input[name=email]").val()

},

error: function () {

alert("请求数据失败！");

}

})

$("#btn_ajax").click(function () {

$.ajax({

success: function (user) {

var strHTML = "";

strHTML += "name:" + user.name + "
";

strHTML += "sex:" + user.pwd + "
";

strHTML += "email:" + user.email + "

---

";

$("#tip").append(strHTML);

}

})

})

$("#btn_ajax2").click(function () {

$.ajax({

success: function (user) {

var strHTML = "";

strHTML += "name:" + user["name"] + "
";

strHTML += "sex:" + user["pwd"] + "
";

strHTML += "email:" + user["email"] + "

---

";

$("#tip").append(strHTML);

}

})

})

Ajax中的全局事件

Ajax中的全局事件

事件名称

参数

功能描述

ajaxComplete(callback)

callback

Ajax 请求完成时执行函数

ajaxError(callback)

callback

Ajax 请求发生错误时执行函数，其中捕捉到的错误作为最后一个参数进行转换

ajaxSend(callback)

callback

Ajax 请求发送前执行函数

ajaxStart(callback)

callback

Ajax 请求开始时执行函数

ajaxStop(callback)

callback

Ajax 请求结束时执行函数

ajaxSuccess(callback)

callback

Ajax 请求成功时执行函数

Ajax在jQuery中的应用---ajax()方法

在jQuery中,$.ajax()方法是最底层的方法,也是功能最强的方法.其调用的语法格式为: $.ajax([options]) 其中,可选项参数[options]为$.ajax()方法中的请求设置 ...

jQuery中常用的函数方法

jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...

JQuery中each()的使用方法说明

JQuery中each()的使用方法说明 对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的eac ...

jquery中,size()和length()方法有啥区别

jquery中,size()和length()方法有啥区别? size()是jQuery提供的函数,而length是属性(不带括号). jQuery提供的源代码是这样的: size: function ...

深入理解jQuery中live与bind方法的区别

本篇文章主要是对jQuery中live与bind方法的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 ...

随机推荐

LoadRunner调用Oracle存储过程

为了测试这个存储过程,我遥了一圈去做这个事情,这里说一下我自己接受到任务和自己开始是怎么想的. 方法一: 一开始我想着可以使用C#直接去调用存储过程,然后用Loadrunner调用C#的dll去测试, ...

2-sat按照最小字典序输出可行解(hdu1814)

Peaceful Commission Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Oth ...

OpenShare常见问题及解答

OpenShare常见问题及回答: Q:OpenShare可以整合SAP么? A:当然可以,OpenShare是真正完全开放的产品,但要进行二次开发,事实上我们帮我们大部分的客户都整合了SAP,包括数 ...

bnuoj 4209 Triangle(计算几何)

http://www.bnuoj.com/bnuoj/problem_show.php?pid=4209 题意:如题 题解:公式直接计算,或者角平分线求交点 [code1]: #include &lt ...

oracle数据库连接

///宁采花 8:37:39 /// /// 获取数据链接 /// ///

Dictionary用法

https://www.cgjoy.com/thread-106639-1-1.html 1.新建字典,添加元素  dictionarydic=newdict ...

React系列文章：Webpack模块组织关系

现代前端开发离不开打包工具,以Webpack为代表的打包工具已经成为日常开发必备之利器,拿React技术栈为例,我们ES6形式的源代码,需要经过Webpack和Babel处理,才能生成发布版文件,在浏 ...

java并发编程基础-ReentrantLock及LinkedBlockingQueue源码分析

ReentrantLock是一个较为常用的锁对象.在上次分析的uil开源项目中也多次被用到,下面谈谈其概念和基本使用. 概念 一个可重入的互斥锁定 Lock,它具有与使用 synchronized 相 ...

ubuntu下nodejs源码安装

1.从github选择下载自己要安装的nodejs版本,https://github.com/nodejs/node/releases,我下载的版本是node-9.11.2.tar.gz 2.解压no ...

【Java 笔记】 java 格式化输出

public static void main(String[] args) { /** * 格式化形式 * %[argument_index$][flags][width][.precision]c ...