首页 > Web开发 > 详细

Ajax了解与用法

时间:2019-05-26 13:39:07      阅读:91      评论:0      收藏:0      [点我收藏+]

什么是ajax

Ajax: asynchronous  javascript  and  xml (异步jsxml)

其是可以与服务器进行(异步/同步)交互的技术之一。

ajax的语言载体是javascript

最大特点:页面不刷新

  ajax出现的历史

 

1999年,微软公司发布IE5浏览器的时候嵌入的一种技术。起初名字是XMLHttp

直到2005年,google公司发布了一个邮箱产品gmail,内部有使用ajax技术,该事情引起人们对ajax的注意,也使得一蹶不振的javascript语言从此被人们重视起来。

 ajax技术是许多旧技术的集合

xhtmlcssjavascriptxmlxmlhttprequest对象(ajax对象)

其中XMLHttpRuquestajax的官方的名称。

 

getpost方式的ajax请求

 

 

1、 两者的不同

 

① 给服务器传递数据量,get最多是2k

 

 post原则没有限制,php.ini对其限制为8M

 

② 安全方面,post传递数据较安全

 

③ 传递数据的形式不一样

 

get方式在url地址后边以请求字符串形式传递参数

 

http://网址/index.php?name=tom&age=23&addr=beijing

 

蓝色部分就是请求字符串,就是一些-”对,中间使用&符号连接。

 

 

 

post方式是把form表单的数据给请求出来以xml形式传递给服务器

 

ajaxget方式请求

 

①在url地址后边以请求字符串(传递的get参数信息)形式传递数据。

 

② 对中文、=、&等特殊符号处理

 

=&符号在浏览器里边会与请求字符串的关键符号有混淆,避免歧义产生需要对其进行编码.

 

在浏览器的地址栏里边传递一些特殊符号信息,会被误解,例如 &  =  空格  中文。

 

php里边可以函数函数 urlencode()/urldecode()对特殊符号进行编码、反编码处理

 

(url_encode()可以把中文转变为浏览器可以识别的信息。转变之后的信息具体为%号后接两个十六进制数)

 

javascript里边可以通过encodeURIComponent ()特殊符号等信息进行编码。

 

 

 

经过以上红色函数编码的内容在服务器端可以正常接收,不需要反编码。

ajaxpost方式请求

① 给服务器传递数据需要调用send(请求字符串数据)方法

② 调用方法setRequestHeader()把传递的数据组织为xml格式(模仿form表单给服务器传递数据)

③ 传递的中文信息无需编码,特殊符号像 &=等 需要编码

④ 该方式请求的同时也可以传递get参数信息,同样使用$_GET接收该信息

 

 

总结:

  1. ajax对象创建

var xhr = new XMLHttpRequest();

var xhr = new ActiveXObject(‘Msxml2.XMLHTTP.6.0’);

  1. ajax对象属性

readyState

responseText

onreadystatechange

  1. ajax对象方法

open()

 

Ajax了解与用法

原文:https://www.cnblogs.com/xu1115/p/10925773.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!