经典的AJAX技术应用场景:
1、表单验证;
2、动态加载列表框;
3、创建自动刷新页面;
4、显示进度条;
5、创建工具提示;
6、自动补全功能;
7、访问Web服务。
流程:
1、创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。
2、使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。
3、使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。
4、onreadystatechange函数,当发送请求到服务器,我们想要服务器响应执行一些功能就需要使用onreadystatechange函数,每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。
为什么需要jQuery:
1、使用AJAX技术的Web应用需要在HTML页面中编写大量的JavaScript代码;
文档就绪函数:
1、为了防止HTML文档在完全加载之前运行jQuery代码,一般会将所有的jQuery调用放到文档就绪函数中。
常用动作:
1、获取元素的内容:
a、.html():获取元素的所有内容,包括元素;
b、.text():获取元素中所包含的文本内容。
2、插入元素:before()、after()、preppend()、append();