IT兄弟连 JavaWeb教程 jQuery对AJAX的支持

jQuery对AJAX的支持

jQuery对Ajax请求的创建、发送、响应、注册数据处理函数、JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题。

jQuery中对AJAX支持核心函数

jQuery中对Ajax支持的核心函数是$.ajax()函数,$.ajax()函数的代码结构如下:

$.ajax({

url : 请求地址,

type : 请求方式,

async : 默认为true,表示异步请求,false表示同步请求,

data : 请求参数,

dataType : 服务器参会的数据类型,

success : 服务器正常处理时执行的回调函数,

error : 服务器处理出错时执行的回调函数

});

jQuery中的AJAX的使用

要使用jQuery必须在我们的页面中并且是所有JavaScript代码的顶部添加jQuery的插件:

<script type="text/javascript" src="js/jquery-3.3.1.sj"></script>

在页面中引入jQuery后,我们就可以使用jQuery为我们封装好的各种Ajax函数了,例如:

$.ajax({

url:‘getyourtodayluck‘,

type:‘post‘,

data:{"name":"尼古拉斯赵四"},

dataType:‘json‘,

async:true,

cache:false,

success:function(result){

     alert(result);

},

error:function(errorResult){

alert(errorResult);

}

});

原文地址:https://blog.51cto.com/14311187/2406596

时间: 2024-10-28 11:06:22

IT兄弟连 JavaWeb教程 jQuery对AJAX的支持的相关文章

IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典面试题

1.简述对Ajax的理解 AJAX是Asynchronous JavaScript and Xml异步的JavaScript和Xml.它一种用来改善用户体验的技术其实质是使用XMLHttpRequest对象异步地向服务器发请求.服务器返回部分数据,而不是-个完整的页面,以页面无刷新的效果更改页面中的局部内容. 2.什么是JSON,在什么情况下使用? JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON采用

IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典案例

案例需求:编写用户登陆页面的验证码模块,在用户进行登陆时,输入验证码后不需要点击提交按钮,使用AJAX异步地向服务器发送验证验证码的请求.如果验证码正确,可以点击提交按钮,如果验证码输入错误,提示用户.如果用户看不清验证码,点击验证码还可以刷新出新的验证码. 案例实现: 验证码原理:当页面请求一个验证码的Servlet时,这个Servlet会把数据以图片的形式传给客户端,并把数据以字符串的形式存入了session中.当用户以图片为标准输入对应的验证码并发送给对应的用来验证验证码的Servlet时

【JavaWeb】jQuery对Ajax的支持

jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法 语法:$.ajax(options) 常用设置项 说明 url 发送请求地址 type 请求类型get|post data 向服务器传递的参数 dataType 服务器响应的数据类型text|json|xml|html|jsonp|script success 接收响应时的处理函数 error 请求失败时的处理函数 实例代码 MusicServlet.java package demo; import ja

IT兄弟连 JavaWeb教程 jQuery中其他AJAX支持的函数

● $.get()函数 $.get(url,data,function,dataType);参数说明如下: url:请求地址 data:请求参数 dataType:服务器返回的数据类型 function:服务器正常处理时执行的回调函数 ● $.post()函数 $.post(url,data,function,dataType);参数说明如下: url:请求地址 data:请求参数 dataType:服务器返回的数据类型 function:服务器正常处理时执行的回调函数 ● $.getJSON(

JavaScript之Ajax-6 Ajax的增强操作(jQuery对Ajax的支持、表单操作)

一.jQuery对Ajax的支持 load() - 作用: 将服务器返回的数据字节添加到符合要求的节点之上 - 用法: $obj.load(请求地址,请求参数) - 请求参数 - "username=tom&age=22" - {'username':'tom','age':22} - 有请求参数时,load方法发送POST请求,否则发送GET请求 get() - 作用: 发送GET类型的请求 - 用法: $.get(请求地址,请求参数,回调函数,服务器返回的数据类型) - 说

IT兄弟连 JavaWeb教程 使用AJAX发送POST请求并获取响应

POST请求用于向服务器发送应该被保存的数据,因此POST请求天然比GET请求多需要一份需要被保存的数据.那么这些数据应该放在何处呢?毕竟,我们的open()方法接收的三个参数都没有合适的位置. 答案是需要发送的数据会作为send()方法的参数最终被发往服务器,该数据可以是任意大小,任意类型. 使用Ajax发送POST请求需要使用setRequestHeader()方法设置请求头,代码如下: function PostRequest(){ var xhr = null; if(window.XM

IT兄弟连 JavaWeb教程 AJAX中参数传递问题

使用Ajax发送GET请求并需要传递参数时,直接在URL地址后拼接参数,格式如下: xhr.open('get','请求路径?参数名1=参数值1&参数名2=参数值2...',true); 使用Ajax发送POSt请求并需要传递参数时,也可以直接在URL地址后拼接参数,这样的话和发送GET请求时没有区别,也可以在send方法中进行参数的传递,而且建议使用send方法进行参数传递,并且需要对请求头做特殊设置,设置Content-Type为URL编码方式,格式如下: xhr.setRequestHea

IT兄弟连 JavaWeb教程 AJAX常见问题

1 中文乱码问题 ● POST提交乱码 乱码原因:所有浏览器对Ajax请求参数都使用UTF-8进行编码,而服务器默认使用ISO-8859-1去解码,所以产生乱码. 解决方法:在服务器接收请求参数前设置解析编码. request.setCharacterEncoding("UTF-8"); ● GET提交乱码 乱码原因:IE浏览器发送请求时,会默认使用GBK字符集对请求参数进行编码,而其他浏览器会使用UTF-8.服务器默认情况下使用的时ISO-8859-1进行解码,所以产生乱码. 解决方

IT兄弟连 JavaWeb教程 异步请求对象的API

Ajax的核心是XMLHttpRequest对象(xhr),xhr为向服务器发送请求和解析服务器响应提供了接口,能够以异步的方式从服务器获取新数据. xhr的主要方法有: ● void open(String method,String url,Boolean async) 用于创建请求,参数说明如下: method:请求方式,字符串类型,如GET.POST.DELETE等. url:要请求的地址,字符串类型. async:是否异步,布尔类型,默认是true,异步的. ● void send(S