2019年Java面试题(七) jQuery和ajax 2019-04-27

一、 jQuery

1. Jquery中的选择器有哪些

答：

ID选择器：$(“#id”)

类选择器：$(“.class”)

标签选择器：$(“p”)

2. Jquery如何获取输入框的值，如何改变输入框的值

答：

用jquery的选择器选中指定的输入框元素后，调用val()函数

3. Jquery如何获取dom元素内容，如何改变dom元素内容

答：用jquery的选择器选中指定的dom元素后，调用html()函数

4. Jquery中如何使用Ajax

答：

$.ajax({

  type: "POST",

  url: "some.php",

  data: "name=John&location=Boston",

  success: function(msg){

    alert( "Data Saved: " + msg );

  }

});

二、 AJAX

1. 什么是Ajax？

是一种用于创建快速动态网页的技术。通过后台与服务器进行少量数据交换，可以使网页实现异步更新。意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

另一种答案：

AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。

2. 为什么要用ajax：

Ajax应用程序的优势在于：

1). 通过异步模式，提升了用户体验

2). 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用

3). Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。

3. 什么是Ajax（Ajax的本质）

答：异步请求，实现页面局部请求和刷新

4. Ajax包括哪些关键技术？

Ajax包括以下几种技术：JavaScript脚本语言；可扩展标记语言（XML）；文档对象模型(DOM)；级联样式表(CSS)；XMLHttpRequest对象等。

5. Ajax可以做异步请求么

可以。Ajax请求默认是异步的。如果是同步的，把async设置为false就可以

代码：

Jquery:

$.ajax({

url:some.php,

async:false,

success:function(){}

});

原生的js

xmlHttp.open(“POST”,url,false);

6. Ajax如何实现异步定时5秒刷新？

setInterval(function(){

$(“#content”).load(location.href + “#content>*”,””);

});

7. AJAX最大的特点是什么。

Ajax可以实现动态不刷新（局部刷新）

就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。

8. 简述Ajax的工作原理？

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。在创建Web站点时，在客户端执行屏幕更新为用户提供了很大的灵活性。

9. AJAX都有哪些优点和缺点？

1、最大的一点是页面无刷新，用户的体验非常好。

2、使用异步方式与服务器通信，具有更加迅速的响应能力。

3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

ajax的缺点

1、ajax不支持浏览器back按钮。

2、安全问题 AJAX暴露了与服务器交互的细节。

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。