Ajax及JQuery的Ajax重要知识点

1.AJAX的概述
*概念:AJAX就是:异步的 JavaScript And XML —– 异步的javaScript和XML
*作用: 实现在页面不刷新的情况下,实现前后台的数据交互.
*功能:完成页面的局部刷新,不中断用户的体验
*应用:
1.异步的校验
2.异步自动补全
3.地图
*JS中有一个对象XMLHttpRequest对象可以向服务器异步发送请求
传统的B/S结构的软件,所有实现功能都需要在服务器端编写代码(胖服务器).
现在有了AJAX以后,可以将部分代码写到客户端浏览器
XML:使用XML做为数据传递的格式: JSON (现在用xml传递数据比较少,更多的是用json传递数据)

2.AJAX编写的步骤=====了解
* 第一步:创建一个异步对象.
* 第二步:设置对象状态改变触发一个函数.
* 第三步:设置向后台提交的路径
* 第四步:发送请求.

3.jQuery的ajax – 精通
* . p o s t ( u r l , p a r a m s , f u n c t i o n ( d a t a ) , d a t a T y p e ) ; .post(请求路径,请求参数,回调函数,数据类型); –> 数据类型可以写json
*参数url: 异步请求后台程序的路径
*参数params: 请求参数
格式:
1. “username=jack&pwd=1234”
2. {“username”:”jack”,”age”:18} –JSON 建议
*参数: 回调函数:后台返回成功以后需要执行的代码
function(data){
注意: data 代表了服务器返回的数据,data名称任意,建议使用data
}
*参数dataType: 表示服务器返回数据类型
1. text 默认值(字符串)
2. json JSON数据格式.

* serialize(); -- JQ的AJAX传递参数的时候需要使用的方法. (将所有参数传到action类中) 
${ form }.serialize  就可以找到form表单对应的键值对
//只要一点他,他就会把表单中的名称和值的那种键值对的的形式简化成JQuery能够识别的参数的格式(序列化)

示例:
$.post("/day22/CityServlet",{"pid":pid},function(data){

    },"json");

猜你喜欢

转载自blog.csdn.net/pf503603/article/details/82315844