GET与POST的区别:
1、GET 以明文的方式通过URL地址提交数据,
-- 数据在URL中可以看到。
-- 提交的数据最多不超过2KB。
-- 安全性较低但效率比post方式高,
-- 适合提交数据量不大、不敏感、安全性不高的数据。比如:搜索、查询等功能。
-- GET是写操作,对数据不会产生任何影响
2、POST: 将用户提交的信息封装在 HTML的 HEADER 请求头内,适合提交数据量大、信息也比较敏感、安全性高的用户信息。比如:注册、修改、上传等功能。
-- POST是写操作,修改服务器数据
Ajax:
Ajax = 异步 JavaScript 和 HTML/XML。
Ajax分为同步与异步:
同步:所有操作必须按照顺序执行,前面的没完成后面的不能执行,后面只能等待[ 心力憔悴~ ]
异步:所有的操作都可以一起执行,完成操作后通过事件告诉调用者即可,这样其他操作就不用一直等待[ happy~ ]
实现操作:
1、创建 XMLHttpResquest 对象 ,所有AJAX操作,都是通过一个:XMLHttpResquest 对象来实现
//创建 XMLHttpRequest 对象的语法: variable=new XMLHttpRequest(); //老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象: variable=new ActiveXObject("Microsoft.XMLHTTP"); 创建 XMLHttpRequest 对象的语法:(兼容) var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest();}else{ // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
2、向服务器发送请求
xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
send(string) 将请求发送到服务器
string:仅用于POST请求
3、服务器响应
esponseText 获得字符串形式的响应数据 返回字符串形式的响应
responseXML 获得 XML 形式的响应数据 来自服务器的响应是 XML,而且需要作为 XML 对象进行解析
4、onreadystatechange 事件
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪
status 200: "OK" 404: 未找到页面
GET请求:
xmlhttp.open("GET","/try/ajax/demo_get.php",true); xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);//发情信息 xmlhttp.send();
POST请求:
xmlhttp.open("POST","/try/ajax/demo_post.php",true); xmlhttp.send(); //需要POST数据,使用setRequestHeader()添加HTTP头,在send()方法中规定发送的数据 xmlhttp.open("POST","/try/ajax/demo_post2.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Henry&lname=Ford");
setRequestHeader(header,value) 向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值