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相关推荐

  1. 【AJAX】JavaScript的面向对象

    Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...

  2. 【JavaScript总结】JavaScript语法基础:JS高级语法

    作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...

  3. 【JavaScript总结】JavaScript语法基础:DOM

    ->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...

  4. 【JavaScript总结】JavaScript语法基础:JS编码

    运算符 数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...

  5. 【JavaScript总结】JavaScript语法基础:数据类型

    ------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...

  6. 【JavaScript总结】JavaScript发展与学习内容

    发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...

  7. Python:模拟登录、点击和执行 JavaScript 语句案例

    案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...

  8. [JavaScript] JavaScript数组挖掘,不只是讲数组哟(2)

    课程来源:后盾人 上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟 数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...

  9. [JavaScript] JavaScript 数组挖掘,不只是讲数组哟

    课程来源:后盾人 数组引用类型分析 数组的定义 const array = new Array('hello', 'dust', 1, 2, 3, 4, 5) console.log(array) l ...

最新文章

  1. angularjs---服务(service / factory / provider)
  2. flock文件锁的学习和应用
  3. Wndows下Apache+php+Mysql环境的搭建及其涉及的知识
  4. 如何理解 new (...args: any[]) => any
  5. stanford corenlp的TokensRegex
  6. Agglomerated SSL 1.2.0 发布
  7. CAD迷你看图 4.4.3 中文版 (最强 CAD 看图工具)
  8. 语言模型(NNLM)
  9. 最全面的测试用例--web测试
  10. Linux系统下为WPS添加字体,实现WPS输入中文
  11. 微信屏蔽的是域名还是服务器ip,域名从未使用也会被微信屏蔽,这个你怎么看?...
  12. bootstrap如何设置满屏显示
  13. 造梦师的梦想是什么样的?
  14. 华为《悟空》刷屏:愿你如少年,永不知天高地厚
  15. UAP开发中遇到的问题
  16. elasticsearch7.x clusterAPI之settings
  17. Excel如何批量将文本型数值转为数值
  18. 母に捧げる作者木小歌
  19. OV2SLAM 安装运行
  20. 解决nohup: ignoring input and appending output to 'nohup.out'

热门文章

  1. THUPCCTSAPIO2019:Far Away
  2. bzoj 1015 并查集
  3. windows下安装vundle
  4. Android Property Animation动画
  5. OPENCV MFC 程序出错修改
  6. TempDB为什么要根据CPU数目来决定文件个数
  7. getchar()和EOF总结
  8. MoinMoin Wiki 1.7优化与维护经验
  9. jQuery—tab栏切换
  10. Java Virtual Machine