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

1.简述对Ajax的理解

AJAX是Asynchronous JavaScript and Xml异步的JavaScript和Xml。它一种用来改善用户体验的技术其实质是使用XMLHttpRequest对象异步地向服务器发请求。服务器返回部分数据,而不是—个完整的页面,以页面无刷新的效果更改页面中的局部内容。

2.什么是JSON,在什么情况下使用?

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式。

JSON最常见的用法之一,是从web服务器上读取JSON数据,将JSON数据转换为JavaScript对象,然后在网页中使用该数据。

3.使用Ajax发送POST请求时,如何发送参数?

使用Ajax发送POST请求时,需要使用XMLHttpRequest对象的setRequestHreader方法设置请求头Content-Type为application/x-www-form-urlencoded,然后使用XMLHttpRequest对象的send方法发送参数字符串。也可使在URL中拼接参数进行传参,但是不建议使用。

4.使用Ajax发送GET请求时,如何发送参数?

使用Ajax发送GET请求时,只需要在URL中拼接参数即可。

5.说一说如何使用Ajax向服务端发送异步请求?

创建Ajax的异步请求对象XMLHttpRequest,对于不同的浏览器有不同的创建方式,对于主流的浏览器使用new XMLHttpRequest创建,对于一些老版本的浏览器需要使用new ActiveXObject("Microsoft.XMLHttp")来创建对象。

设置与服务端的HTTP连接,使用XMLHttpRequest对象的open方法,需要给open方法传递请求方式,请求地址和是否异步等参数。

为XMLHttpRequest对象绑定回调函数,当XMLHttpRequest对象的readyState属性值等于4并且status属性值等于200时表示请求已经完成并成功获得了相应,然后编写相应的业务逻辑。

如果发送的是POST请求,还需要使用XMLHttpRequest对象的setRequestHeader方法设置请求头信息。

如果发送的是POST请求,需要使用XMLHttpRequest对象的send方法传递参数,如果发送的是GET请求,使用null作为send方法的参数。

6.jQuery封装了那些方法来支持Ajax?

$.ajax()、$.get()、$.post()、$obj.load()、$.getJSON()

7.说一说$.ajax()是怎么使用的?

$.ajax({

url:请求地址

type:请求方式

data:请求数据

dataType:返回的数据类型

async:是否异步

success:function(result){},回调函数,当服务端成功响应后执行。

error:function(result){},回调函数,当出现错误时执行。

});

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

时间: 2024-11-09 18:12:05

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

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

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

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

jQuery对AJAX的支持 jQuery对Ajax请求的创建.发送.响应.注册数据处理函数.JSON的解析和缓存以及传参等都进行了相应的封装,同时也考虑了浏览器的兼容性问题. jQuery中对AJAX支持核心函数 jQuery中对Ajax支持的核心函数是$.ajax()函数,$.ajax()函数的代码结构如下: $.ajax({ url : 请求地址, type : 请求方式, async : 默认为true,表示异步请求,false表示同步请求, data : 请求参数, dataType

【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