AJAX入门学习笔记

前端之家收集整理的这篇文章主要介绍了AJAX入门学习笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

注:笔记参考于慕课网w3school与JavaScript入门经典(第五版) Phil Ballard 和Michael Moncur 著
(个人认为: 这是一本非常好的js入门书籍)


  1. 熟悉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编程验证

  1. 安装XAMPPXAMPP官网
    xampp安装与配置(百度经验)容易安装,但也很容易起端口冲突
    安装xampp后apache不能启动解决方法
  2. 测试服务器端代码PHP
  3. 未完·················待续···················
原文链接:https://www.f2er.com/ajax/162483.html

猜你在找的Ajax相关文章