发表于： 2016-12-26 01:56:28
1 1526
今天完成的事情：
1.今天看了JQuery，学习了Ajax的相关知识
明天计划的事情
1.修改任务4代码，学习Ajax
遇到的问题：
1.任务4逻辑不清晰，脑袋比较乱，今天就先看了任务5的知识点，明天再修改任务4.
收获：
学习到了很多Ajax相关知识，整理下我理解了的知识点：
一、优势与不足
优势：
1.不需要插件支持
2.优秀的用户体验
3.提高web程序的性能
4.减轻服务器和带宽的负担：工作原理相当于在用户和服务器之间加了一个中间层，使用户操作与服务器响应异步化。
不足：
1.浏览器对XMLHttpRequest对象的支持度不足。
2.破坏浏览器前进、后退按钮的正常功能。
3.对搜索引擎的支持不足。
4.开发和调试工具缺乏。
二、
Ajax的核心是XMLHttpRequest对象，他是Ajax实现的关键：发送异步请求、接收响应、执行回调
js实现Ajax
声明一个空的对象用来装XMLHttpRequest： var xmlHttpRed=null;
XMLHttpRequest对象赋值：
if(window.ActiveXobject){ //IE5 IE6用ActiveXobject方式
xmlHttpReg=new Active Xobject("");
}
if(window.XMLHtteRequest){
xmlHttpRed=new XMLHttpRequest(); //除了IE5 IE6 以外的浏览器
}
使用open方法初始化 XMLHttpRequest对象，制定Http方法和要使用的服务器URL
xmlHttpRed.open("GET","test.php",true) //调用open()方法，采用异步方式 asyne设置为true为异步，false为 同步
JQuery中的Ajax：
1.load方法：
写法：load(url[,data][,callback])例如：$("#send").load("text.html")将text.html内容加载到id为send的元素里。
筛选载入的Html文件：
语法为：url selector 注意中间有空格。例如筛选text.html中class为para的内容 $("#send").load("text.html .para")
传递方式：如果未设置参数data则才用get方式，反之为post方式。
回调函数：$("#send").load("text.html" ， function（responseText，textStatus，XMLHttpRequest）{
})； //写法
在load方法中，无论ajax请求是否成功，只要请求完成，回调函数就被触发。
返回列表
评论