AJAX入门学习笔记

最新推荐文章于 2024-09-15 19:20:58 发布

WiFi_Uncle

最新推荐文章于 2024-09-15 19:20:58 发布

阅读量455

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/wx11408115/article/details/50574747

版权

注：笔记参考于慕课网、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编程验证