Javascript s08
AJAX
-------------------------
AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。
举例!
异步是发短信,同步是打电话.
异步的时候,会有回调.
想用JS去服务器拿数据?
客户端的JS.所以没有能力去服务器拿信息
借用服务端的PHP,JS模拟一个$_GET请求,之后它的局部就变了.
请求与响应.
请求:request
相应:response
相应出来的为字符串.
eval() 把字符串当js代码执行
1.HTTP返回状态码(响应)
1XX 临时响应
2XX 成功
200 OK 访问成功
3XX 重定向
301:永久重定向
http:***/article/3359.html
article/([\d]*)\.html
http:***/article/3359.html
302:临时重定向
304 Not Modified (没有修改)缓存
4XX 请求错误
404 网页不存在
5XX 服务器错误
2.AJAX从服务器拿东西
三个方法
四个属性
回调函数没有内容
a.创造对象
var xmlhttp=new XMLHttpRequers();
alert(xmlhttp);
IE6
new ActiveXObject("Microshoft.XMLHTTP")
b.准备(打开)
类似与打开浏览器,并填上URL
xmlhttp.open("GET","02.php",true);
//最后一个true参数,表示同意使用异步请求,false是同步
c.准备一个函数(让对象具备处理响应的能力,短信发送的处理)
//在改变状态的时候就会回来调用这个函数
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var result=xmlhttp.responseText
document.getElementById
}
}
d.发送
xmlhttp.send();
//等发送的时候才调用函数.
//关心的状态,1.发送成功的状态,或发送失败的状态
2.接受信息的状态
e. 准备数据
3.如何用POST
1.xmlhttp.open("POST","ajax_test.asp",true);//打开为POST
2.xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
3.xmlhttp.send("fname=Bill&lname=Gates");//记得编码问题 escape()
PHP会自动解释编码的问题
4.同步的效果
a.创造对象
var xmlhttp=new XMLHttpRequers();
alert(xmlhttp);
IE6
new ActiveXObject("Microshoft.XMLHTTP")
b.xmlhttp.open("GET","02.php",false); //最后一个参数为false就是同步
c.不需要回调函数了.
d.发送 xmlhttp.send();
e.把函数的判断直接放外面去
判断返回结果,是1还是0,决定用户是否可以注册
5.die 的时候你要是字符串 而不是数字
Javascript s08相关推荐
- 【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
- 【JavaScript总结】JavaScript语法基础:JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...
- 【JavaScript总结】JavaScript语法基础:DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
- 【JavaScript总结】JavaScript语法基础:JS编码
运算符 数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...
- 【JavaScript总结】JavaScript语法基础:数据类型
------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...
- 【JavaScript总结】JavaScript发展与学习内容
发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...
- Python:模拟登录、点击和执行 JavaScript 语句案例
案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...
- [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)
课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...
- [JavaScript] JavaScript 数组挖掘,不只是讲数组哟
课程来源:后盾人 数组引用类型分析 数组的定义 const array = new Array('hello', 'dust', 1, 2, 3, 4, 5) console.log(array) l ...
最新文章
- angularjs---服务(service / factory / provider)
- flock文件锁的学习和应用
- Wndows下Apache+php+Mysql环境的搭建及其涉及的知识
- 如何理解 new (...args: any[]) => any
- stanford corenlp的TokensRegex
- Agglomerated SSL 1.2.0 发布
- CAD迷你看图 4.4.3 中文版 (最强 CAD 看图工具)
- 语言模型(NNLM)
- 最全面的测试用例--web测试
- Linux系统下为WPS添加字体,实现WPS输入中文
- 微信屏蔽的是域名还是服务器ip,域名从未使用也会被微信屏蔽,这个你怎么看?...
- bootstrap如何设置满屏显示
- 造梦师的梦想是什么样的?
- 华为《悟空》刷屏:愿你如少年,永不知天高地厚
- UAP开发中遇到的问题
- elasticsearch7.x clusterAPI之settings
- Excel如何批量将文本型数值转为数值
- 母に捧げる作者木小歌
- OV2SLAM 安装运行
- 解决nohup: ignoring input and appending output to 'nohup.out'