ajax的复习以及它用在哪?

1ajax

1ajax 7种技术的综合,常用到的:html+css   javascript  XML(xmlHttpRequest对象)  xstl 

2ajax可以理解成就是javascript通过操作XML(XMLHttpRequest对象)来完成http请求的过程

什么时候适合使用ajax:

(1) 频繁的对数据库(服务器)进行操作的时候

2)无刷新页面请求(表单验证)

需要javascript 和数据库交互:

需要:javascript想要验证用户名有没有重复,需要去数据库查询,但是javascript没有办法去数据库查询,但是可以请php(运行在服务器端的语言)帮个忙,将php查询的结果告诉我们就可以(XMLHttpRequest对象)

Ajax的优势:

1,传统的web请求,会将表单的数据全部提交到action=””这个地址的服务器上,但是密码,email是没有必要提交过去,而且,对服务器是一种负担

Ajax:原则:“按需取数据”,这样可以降低服务器的压力

验证用户名不能重复

1,先有控制器(前台注册user控制器)对应的动作

2,视图层

3,开始写代码

1XMLHttpRequest这个对象 和 php交互,先获得这个对象

//获得ajax XMLHttpRequest对象(由于浏览器兼容性)

var xhr;

if(window.ActiveXObject){  //这是IE浏览器的

xhr = new ActiveXObject();

}else if(window.XMLHttpRequest){  //这里是火狐浏览器的

xhr = new XMLHttpRequest();

}

2get方式发送ajax请求:

模型层的原则是:一张表对应一个模型

什么是回调函数:

步骤:

1,实例化XMLHttpRequest对象

2open() 打开地址栏

3,监听ajax请求的状态
4send() 完成ajax请求

GET方式请求,需要注意:

浏览器为了提高访问同一页面的速度,会先将我们访问的数据缓存起来,如果地址栏不变,相当于访问的是同一个页面,这时浏览器读取的是缓存的数据而不是真实的页面数据解决方法:

在地址栏传递随机数(可以是当前时间,也可以是随机数)

Json格式发送集合类的数据

服务器返回给浏览器返回2种数据,

1,字符串;接收:xhr.responseText

2,集合类

Ajax就是javascript通过操作XMLHttpRequest对象完成http请求

服务器如何给浏览器返回集合类的数据:

Json_encode()编码后,返回的是json格式的字符串,(仍然还是字符串),思路:如何让这个json格式的字符串转化成一个对象

1,先将字符串运行一下通过在字符串上 ()

2eval() 运行即可

Post方式提交需要注意

Xhr.setRequestHeader()

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

需要注意:

实例化XMLHttpRequest对象时,IE浏览器(new ActiveXObject(“Microsoft.XMLHTTP”)

xhr = new ActiveXObject("Microsoft.XMLHTTP");

2,信息浮动显示:

异步的概念:

XMLHttpRequest对象把数据传递到服务器的地址后,服务器处理它的,我浏览器处理我的,这样可以减少用户的等待时间,如果是同步或阻塞,必须要等到服务器返回结果后,我浏览器才能处理我的事情,如果数据量大的话,用户等待的时间特别长

Ajax请求和传统的web请求:

Ajax请求:XMLHttpRequest对象发送的请求

var url = "index.php?c=user&a=ajax_check&time="+Math.random()+"&username="+username.value;

传统的web请求:

<form action="index.php" method="post">

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值