注:笔记参考于慕课网、w3school与JavaScript入门经典(第五版) Phil Ballard 和Michael Moncur 著
(个人认为: 这是一本非常好的js入门书籍)
- 熟悉ajax相关概念
1.1 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。(ajax是一门技术,而非一门编程语言!!!)
2. XMLHttpRequest对象用途: 是让JavaScript构造HTTP请求并提交给服务器,这样页面就能够以异步方式在后台产生请求,让用户可以继续使用这个页面,而不必等待浏览器刷新或重新加载新的页面(Ajax编程的关键!!!)
3. 跨浏览器的解决方案
function getXMLHttpRequest(){
try{
try{
return new ActiveXObject("Microsoft.XMLHTTP");
//早期版本的IEE (IE5和IE6)需要创建一个ActiveX对象
}
catch(e){
return new ActiveXObject("Msxm12.XMLHTTP");
//有些IE版本安装了不同版本的XML解析器
//哪些版本呢???求指教
}
}
catch(e){
return new XMLHttpRequest();
//绝大多数浏览器可以直接创建实例
// code for IE7+,Firefox,Chrome,Opera,Safari
}
}
向服务器发送请求
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
request.open(“GET”,”test1.txt”,true);
request.send();
onreadystatechange 事件: 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: “OK”
404: 未找到页面
2.Ajax编程验证
- 安装XAMPPXAMPP官网
xampp安装与配置(百度经验)容易安装,但也很容易起端口冲突
安装xampp后apache不能启动解决方法 - 测试服务器端代码PHP
- 未完·················待续···················