head rush ajax chapter1 Ajax

Head Rush Ajax 本书特点也是好书的特点：
1.多用图表 2.以对话的形式描述 3.用不同的方式重复 4.做活动，做事情时的学习效果比读东西的效果更佳，把习题变成挑战 5.用故事而不是书面语
读书方法：慢慢来，理解越多，必须强记的就越少，多思考，想象有人在问你这个问题，你如何回答，多做练习，写下心得笔记，多喝水，给大脑时间处理新知识，把要理解的东西说出来，解释给别人听。当大脑觉得负荷过重时适当休息，用心感受让大脑知道这一切很重要，任何感觉对学习效果都有帮助。
Asynchronous Javascript and XML
传统web是一次请求服务器产生一个新的页面，然后重载整个页面。
Ajax中JavaScript负责与server对话，只改变页面中需要响应的部分，取代传统的web表单。异步工作：JS送出请求给server后，仍然可以在表单中填入数据，代码只更新需要改变的部分。
<div>可以持有相关元素的容器元素，可以使用一个CSS规则统一所有样式
<span>可以装饰文本且不必开始一个新的段落或块
JavaScript可以使用<标签>的id，从而实现局部控制。
Ajax应用程序中，服务器通常只会送出你需要的数据，而没有其他的HTML。可以使用JS发出同步或异步请求。浏览器一直都知道请求处于何种状态，JavaScript可以从readystate取得这种信息。
使用JS对象做出请求，而不是提交表单，真正的请求与响应是由Web浏览器处理，而不是直接由JavaScript代码处理。一旦Web浏览器得到异步请求的响应，就会运行一个回调函数(callback function),
1.调用createRequest()创建一个新的请求对象request
2.搞清楚需要连接到哪个URL，以取得数据request.open("GET",url,true)
3.设定请求对象以产生链接
4.请求更新过的数据 request.send(null);
5.在页面中激发请求事件 onClick="getBoardssold()"
6.浏览器向server发出请求；之后浏览获得server的响应，存储在请求
7.根据请求状态的改变触发相应的处理函数 request.onreadystatechange=函数名
8.处理函数得到的响应数据 var new = request.responseText;
9.通过DOM动态更新相关元素数值
由于请求有多个状态因此可以在处理函数前，先判断是否达到完成响应状态 if(request.readystate==4)
得到一个元素 var price1 = document.getElementById("price");
对于表单字段才有value属性，一般的元素则没有。 document通过元素id访问每个元素
function getCustomerInfo(){
var phone = document.getElementById("phone").value;
createRequest(); //创建请求对象
var url="lookup Customer.php?phone="+escape(phone); //双引号，修改后会产生安全问题
request.open("GET",url,true);
request.onreadystatechange=updatePage;
request.send(null); //除了url不用发送别的东西
}
html中<head>块中的任何JavaScript代码会在页面加载前执行，只要browser发现JS代码(独立于函数之外静态JS)就会被运行，JS的escape()函数可以将不合法的字符用其他方式替换掉如空格被转为%20
回调：一个事件发生时所触发的那个函数
readystate： 0：尚未被初始化的连接在open之前 1：open之后，则已经初始化 2. 处理中的响应 3：取得服务器响应，但无法使用 4：server的响应就续，可以通过reponseText属性取得响应数据。浏览器一直都知道请求处于何种状态，而JavaScript可以取得这些信息
浏览器的多此一举：如果你对服务器端程序作出请求，IE会持续追踪你所请求的URL，然后如果你又对相同的URL发出请求（且数据一样）IE会认定你想得到相同的响应，所以IE不会发出此请求，而是把上次请求的响应(在缓存中)拿出来重复使用，所以可以在url中加入虚拟的参数从而改变url例如：
url = url + "?dummy="+new Date().getTime();
当然不是所有的请求都要这样处理，如通过电话确定地址，相同的电话得到相同的对应的地址会更快些。
对于IE请求对象是ActiveXObject使用Msxml2.XMLHTTP或Microsoft.XMLHTTP而其他浏览器是XMLHttpRequest
request.state :请求的就绪状态
request.status==200 :用来报告来自服务器的状态码
如果请求的url在server上找不到，浏览器一定还会运行回调函数，这样才能对server的响应进行处置。
Ajax工具包： prototype， Dojo JS UI: script.ac.ulo.us, Rico Dom查看器（inspector）

转载于:https://www.cnblogs.com/aquar/archive/2010/04/15/3451468.html

head rush ajax chapter1 Ajax相关推荐

怎么中断一个ajax请求,ajax、fetch、axios如何中断请求？
先来说一说"中断请求"的实际场景,当页面有多个tab页签时,每次切换页签都会去请求数据,频繁的切换就会去请求很多次,比如A页签切换到B页签,A页签请求完全是不必要的,这时候可以在切 ...
ajax入门实例代码,AJAX、AJAX实例及AJAX源代码
AJAX.AJAX实例及AJAX源代码作者:佚名来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术开放式WE ...
六十八、完成Vue项目推荐和周末游组件，并使用Ajax发起ajax请求
@Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
$.ajax 发送请求,JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)
一.使用Ajax发送get请求发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数 ...
一、AJAX学习笔记——原生AJAX （ajax简介、XML简介、ajax优缺点、ajax的使用）
第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...
ajax hacking,Ajax Hacking
Ajax Hacking 更新时间:2006年11月06日 00:00:00 作者: 由此Ajax攻击可见一斑,然而这还仅仅是个开始.7月份百度开通了百度空间,虽然没有指明是应用web2.0技术, ...
ajax=1,ajax专栏1
一.什么是ajax?有什么作用? ajax中文翻译为:异步的js和xml.用于网页向服务器发送请求(可支持同步和异步2种方式),接收服务器响应后的处理数据. 注:同步,网页发送请求后,锁定当前网页(不 ...
AJAX教程@ajax
文章目录 1.AJAX 1.什么是AJAX 2.AJAX核心对象 - 异步对象(XMLHttpRequest) 1.什么是XMLHttpRequest [简称为 xhr] 2.创建异步对象 (xhr ...
了解ajax，ajax的优化有哪些
-20-01-20 ------------------------------学习打卡-------------------------------------------------------- ...

head rush ajax chapter1 Ajax

head rush ajax chapter1 Ajax相关推荐

最新文章

热门文章