Ajax总结

原创 2016年08月31日 16:34:21

1.创建ajax对象

主流浏览器(IE7以上版本):var xhr = new XMLHttpRequest();

IE(6/7/8)浏览器:                       var xhr = new ActiveXObject("Msxml2.XMLHTTP.6.0");

2.ajax对象成员属性和方法

属性:readyState responseText responseXML onreadystatechange

方法:open()  send() setRequestHeader()

3.get请求和post请求注意事项

get请求主意:

在url地址后通过请求字符串传递get参数信息

对特殊符号、中文需要编码 encodeURIComponent()

post请求注意:

在send()方法里边传递参数

需要在open()方法之后调用setRequestHeader("Content-Type", "application/x-www-form-urlencoded")方法,把传递的信息组织为xml格式

特殊符号需要编码encodeURIComponent()

可以同时传递get参数信息,并使用$_GET接收

4.异步和同步请求

ajax对象.open('get',url,true异步/false同步)

异步:在同一时间点运行执行多个进程

同步:在同一时间点运行一个进程

5.对xml的接收和处理

ajax负责去服务器请求xml数据,使用responseXML属性接收

js使用dom技术负责处理xml信息(与处理html方式一致)

document/普通元素.getElementsByTagName();

6.缓存处理

1.改url地址设置一个随机数,防止浏览器缓存(推荐这种方式)

2.给动态程序文件php设置Header头,避免浏览器缓存、





版权声明:欢迎技术分享及交流,转载请说明出处

jquery 中的ajax总结

jquery对ajax请求进行了封装,在jquery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post()方法而第3层是$.getScript()和$.getJ...
  • QH_JAVA
  • QH_JAVA
  • 2017年03月23日 19:27
  • 801

jQuery之AJAX总结

一.AJAX概念 Asynchronous Javascript And XML(异步JavaScript和XML) AJAX并不是一种语言,而是一种创建交互网页应用的网页开发技术 AJAX是J...
  • Drug_
  • Drug_
  • 2017年06月27日 21:24
  • 209

Ajax学习总结(一)

Ajax学习(一) 一、      什么是ajax 1、Ajax(Asynchronous JavaScript and XML)使用脚本操纵HTTP的Web应用架构。 2、所有的浏览器都支持X...
  • u010913443
  • u010913443
  • 2016年08月13日 17:31
  • 1045

Ajax相关总结

前后端的传输方式 前端和服务器数据的传输方式 常用 的两种,        1.一种是以表单的形式提交,此时可以利用jquery的serialize()方法将表单内容转为a=1&b=2&c=3&d...
  • qq877507054
  • qq877507054
  • 2016年05月13日 15:36
  • 520

【Ajax】——学习后的小结

背景:牛腩中接触过CSS,当时对这个CSS情有独钟,因为它可以美化界面,而我就喜欢和界面这种看得见效果的东西打交道,现在又重新学习,而且内容还那么多,超级开心,废话少说,动手吧! 一、CSS滤镜 ...
  • u013043341
  • u013043341
  • 2016年01月15日 21:46
  • 922

ajax_总结

  • BiLaHePan
  • BiLaHePan
  • 2016年06月14日 19:16
  • 1851

ajax完整知识总结

什么是Ajax Ajax的技术的产生 Ajax被认为是(AsynchronousJavaScript and XML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax....
  • wk843620202
  • wk843620202
  • 2016年10月12日 10:54
  • 1464

AJAX学习总结(入门)

AJAX教程:http://www.w3school.com.cn/ajax/index.asp AJAX视频教程:http://www.imooc.com/view/250...
  • doris_d
  • doris_d
  • 2015年03月03日 09:57
  • 975

Ajax系统学习总结

Ajax的工作原理相当于在用户和服务器之间加上了一个中间层,是用户操作与服务器响应异步化。Ajax的一个最大的特点是无需刷新页面,便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于X...
  • lmb55
  • lmb55
  • 2016年05月26日 19:58
  • 859

Ajax交互扩展

常用方法 .get(url[,data][,success][,dataType]);dataType:返回数据类型success:调用函数data:发送数据.get(url[,data][...
  • zhoujiahaoxiong
  • zhoujiahaoxiong
  • 2017年07月14日 15:45
  • 172
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax总结
举报原因:
原因补充:

(最多只允许输入30个字)