ajax基本概念,方法

ajax    Asynchronous javascript and xml
异步的 javascript and XML
ajax 是一门在不刷新网页的情况下,与服务器进行交互更新部分网页的技术;

传统网页更改网页内容,必须刷新整个网页,
使用ajax的页面,可以再不重新加载整个网页的情况下,更改部分内容

XMLHttpRequest 是Ajax 的基础

XMlHttpRequest 支持大多数浏览器,IE5和IE6使用ActiveXObject

所有现代浏览器 IE7+ 等常用浏览器 内建 XMlHttpRequest 对象

new XMLHttpRequest; 创建对象

老版本的 IE5 和 IE6  使用 ActiveXObject 对象
new ActiveXObject("Microsoft.XMLHTTP");




ajax 缓存问题
使用Math.random 生成0到1之间的随机数
让程序认为每次请求的不是一个页面



readystate 返回xmlhttp请求的当前状态
0(未初始化)    对象已建立,但是尚未初始化(尚未调用open方法)
1(初始化)    对象已建立,尚未调用send方法
2(发送数据)    send方法已调用,但是当前的状态及http未知
3(数据传送中)    以接受部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误
4(完成)    数据接受完成,此时,可以通过responseBody和responseText获取完整的回应数据



http常用状态码
200 服务器成功返回网页
310 请求的网页被永久移动,简称重定向
403 服务器拒绝请求,也称没有权限
404 请求的网页不存在
500 服务器遇到错误,无法完成请求
503 服务器暂时不可用,无法使用服务器


responseText 获得字符串响应数据
responseXML 获得XML响应数据

当请求被发送到服务器时,需要执行一些基于响应的任务
onreadystatechange    存储函数,当readyState属性改变时,就会调用该函数
readyState        返回xmlhttp 请求的当前状态
status        返回请求http状态码


在php里面通过get传递中文,中文需要转码urlencode()
在js里面通过get传递中文,中文需要转码encodeURLcomponent();

post  
先设置http头
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
传值 在 send 中

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值