文档章节

AJAX

土豆php
 土豆php
发布于 2017/05/12 20:29
字数 520
阅读 8
收藏 0

AJAX功能:实现页面在无刷新的情况下向服务器请求数据。

优点

  • 不需要刷的情况下更新页面数据,用户体验较好。
  • 节省服务器带宽和减少请求相应时间。使用AJAX请求技术只需要获取有变化的数据,减少数据的传输从而节省带宽和响应时间。
  • 提高服务器性能。

缺点:

  • 破坏了浏览器前进和返回功能
  • 搜索引擎的支持不够

AJAX对象讲解

1.w3c标准创建ajax对象   new XMLHttpRequest();

2.IE创建AJAX对象 new ActiveXObject('Microsoft.XMLHTTP');

解决兼容性封装成函数

AJAX发送get请求

ajax.open(method,url) //open两个参数请求方法(post和get)和url

ajax.send(null) //get通过url传值一般参数设置为null,post需要填写数据

ajax.onreadystateonchange //ajax响应时间

ajax.responseText  //接收服务器返回的字符串

ajax.responseXML //接收服务器返回的xml文档

 

ajax.readyState  //记录ajax请求响应状态

  • 0标识创建了ajax对象
  • 1初始化ajaxj设置(调用了open方法)
  • 2.发送请求,调用了send方法
  • 3.请求数据接收了一部分
  • 4.请求数据接收完成

ajax.status  //记录了http请求响应状态,当当状态值为200是表示数据请求 成功

IE浏览器默认有缓存功能,这样会造成网页数据与实际数据不一样,解决ie缓存的四种办法

  1. 在url后面添加随机数,使每次访问的网站的连接地址都不一样。
  2. 在url后面添加时间戳,使每次访问的网站的连接地址都不一样。
  3. 设置请求头,让本地缓存文件过期,ajax.setRequestHeader('If-Modified-Sined','0')
  4. PHP设置响应头 header('cache-control:no-cache');

JQuery中ajax

$.get(url,data,fn,dataType);

$.post(url,data,fn,dataType);

 url :请求方法的url地址;

data:请求传输的数据

fn:请求成功后响应的函数

dataType:请求返回的数据类型(text,xml,json,jsonp) 

跨域访问技术(jsonp)

$.get(url?fn=?,data,fn,'jsonp');

PHP返回数据

 

 

 

 

© 著作权归作者所有

共有 人打赏支持
土豆php
粉丝 0
博文 4
码字总数 776
作品 0
武汉

暂无文章

负载均衡的解决方案有哪些

负载均衡器服务可满足大型组织的需求,支持所有数据中心和跨数据中心高可靠性场景。 本地负载均衡,通过附带或者未附带持久性覆盖选项,Incapsula支持各种负载均衡算法,以优化服务器之间的流...

上树的熊
24分钟前
3
0
Java实现在线打开word文档加盖印章/盖章/签名功能

前言: 我们知道,大型一点的OA办公系统都会有很多在线处理office办公文档的需求。其中有一点也基本绕不开,那就是为文档盖章或添加手写签名来保护文档,让被盖章的文档不再被编辑。 在Java中...

山里的红杏
31分钟前
5
0
js控制输入正负数,小数点后保留两位

//限制数字function clearNoNum(obj){ //修复第一个字符是小数点 的情况. if(obj.value !=''&& obj.value.substr(0,1) == '.'){ obj.value=""; } obj.value ...

一直在成长的程序猿
34分钟前
2
0
动态代理

具体场景 为了使代理类与被代理类对第三方有相同的函数,代理类与被代理类一般实现一个公共的interface,定义如下 public interface Subject { void rent(); void hello(String s)...

wuyiyi
37分钟前
2
0
时间字段

我们看看这几个数据库中(mysql、oracle和sqlserver)如何表示时间 mysql数据库:它们分别是 date、datetime、time、timestamp和year。date :“yyyy-mm-dd”格式表示的日期值 time :“hh:...

DemonsI
39分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部