AJAX操作详解

1.ajax概念：包括JavaScript+xml+css这几门的综合，实现异步调用，局部刷新的效果。不是编程语言，而是为了更好的用户体验

2.在JavaScript中的xmlhttprequest对象非常重要，ajax的异步提交和数据返回的处理，都由此对象负责

3.ajax的工作流程:

1)        如果用JavaScript来实现ajax，则先创建xmlhttprequest对象，此对象直接与服务器通信。用是异步请求，数据的传送。如果用jQuery实现，则jQuery里封装了xmlhttprequest对象，无需我们创建，直接调用

2)        设置回调函数：在发送请求之后，服务发出正确响应之后，才调用回调函数，需要对请求的数据进行处理，处理的代码就写在回调函数里，

3)        初始化xmlhttprequest对象：设置url，数据的封装

4)        发送请求

方法一：使用js实现ajax

jsp代码

servlet代码

js代码

方法二   用jQuery实现ajax

方式一，用$.ajax()方法

格式：

实例：

方式二  $.get()和$.post()方法，是$.ajax()的简化版，$.get()方法是请求方式为get请求，$.post()方法是请求方式为post请求

格式：

实例：

方式三   $.getJSON()方法， 在服务器端（控制层）就将数据封装成json对象，然后在前台js里面取就好了。$.getJSON()方法是返回的内容是对象类型

实例：

servlet代码：

js代码：