文档章节

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
武汉
私信 提问

暂无文章

java 树形图构建

https://blog.csdn.net/massivestars/article/details/53911620/

kuchawyz
6分钟前
0
0
零基础如何学习大数据技术,大数据学习路线是什么?

在目前,当零基础学习大数据视频教程前,首先我们要学习Java语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 对于小白学习大数据需要注意的点有很多,但无论如何,既然...

董黎明
8分钟前
0
0
123

123

lifes77
8分钟前
0
0
MySQL游标

MySQL游标 While循环 -- MySQL游标只能用于存储过程和函数-- 使用过程 声明、打开游标、使用游标、关闭游标-- 如果未明确关闭游标,END时会自动关闭-- https://dev.mysql.com/doc/refman/...

yysue
9分钟前
0
0
互联网下半场的角逐,玩转轻资产的大数据服务 | 阿里云栖开发者沙龙大数据专场(北京站)干货集锦

2019年1月18日下午,一个晴冷的冬日,由阿里巴巴MaxCompute开发者社区和阿里云栖社区联合主办的“阿里云栖开发者沙龙大数据技术专场”走近北京联合大学。当日,近200名大数据开发者和爱好者现...

阿里云官方博客
11分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部