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://my.oschina.net/u/4125915/blog/3060488