加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

AJAX入门学习笔记

发布时间:2020-12-16 01:44:18 所属栏目:百科 来源:网络整理
导读:注:笔记参考于慕课网、w3school与JavaScript入门经典(第五版) Phil Ballard 和Michael Moncur 著 (个人认为: 这是一本非常好的js入门书籍) 熟悉ajax相关概念 1.1 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网

注:笔记参考于慕课网、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. 未完·················待续···················

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读