AJAX操作详解
1.ajax概念:包括JavaScript+xml+css这几门的综合,实现异步调用,局部刷新的效果。不是编程语言,而是为了更好的用户体验
2.在JavaScript中的xmlhttprequest对象非常重要,ajax的异步提交和数据返回的处理,都由此对象负责
3.ajax的工作流程:
1) 如果用JavaScript来实现ajax,则先创建xmlhttprequest对象,此对象直接与服务器通信。用是异步请求,数据的传送。如果用jQuery实现,则jQuery里封装了xmlhttprequest对象,无需我们创建,直接调用
2) 设置回调函数:在发送请求之后,服务发出正确响应之后,才调用回调函数,需要对请求的数据进行处理,处理的代码就写在回调函数里,
3) 初始化xmlhttprequest对象:设置url,数据的封装
4) 发送请求
jsp代码
servlet代码
js代码
方法二 用jQuery实现ajax
方式一,用$.ajax()方法
格式:
实例:
方式二 $.get()和$.post()方法,是$.ajax()的简化版,$.get()方法是请求方式为get请求,$.post()方法是请求方式为post请求
格式:
实例:
方式三 $.getJSON()方法, 在服务器端(控制层)就将数据封装成json对象,然后在前台js里面取就好了。$.getJSON()方法是返回的内容是对象类型
实例:
servlet代码:
js代码: