Ajax中Get请求与Post请求的区别

Get请求和Post请求的区别：

1、使用get请求时，参数在url中可见；而使用post不可见，自带加密

2、使用get发送请求的数据量比较小；使用post请求数据量比较大；

get请求的js代码：

function click() {
    var xmlHttp = window.XMLHttpRequest ? 
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

    var username = document.getElementById("username").value;
    var 

userpassword

= document.getElementById("userpassword").value;

//添加参数,以求每次访问不同的url,以避免缓存问题 

xmlHttp.open("get", "Server.aspx?username=" + encodeURIComponent(username) + "&

userpassword

=" + encodeURIComponent(age) + "&random=" + Math.random());

xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { document.getElementById("result").innerHTML = xmlHttp.responseText; } }

 //发送请求,参数为null xmlHttp.send(null);}

post请求：

function click() {
    var xmlHttp = window.XMLHttpRequest ?
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

    var username = document.getElementById("txt_username").value;
    var 

password

= document.getElementById("password").value;

var data = "username=" + encodeURIComponent(username) + "&

password

=" + encodeURIComponent(

password

);

//不用担心缓存问题 xmlHttp.open("post", "Server.aspx", true); //必须设置,否则服务器端收不到参数

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { document.getElementById("result").innerHTML = xmlHttp.responseText; } } 

//发送请求,要data数据 xmlHttp.send(data);}

区别:

1.get请求需注意缓存问题,post请求不需担心这个问题；

2.post请求必须设置Content-Type值为application/x-form-www-urlencoded；

3.发送请求时,因为get请求的参数都在url里,所以send函数发送的参数为null,而post请求在使用send方法时,却需赋予其参数；

何时使用Get请求,何时使用Post请求

Get请求的目的是给予服务器一些参数,以便从服务器获取列表.例如:list.aspx?page=1,表示获取第一页的数据

Post请求的目的是向服务器发送一些参数,例如form中的内容.

Ajax请求的步骤：

1、创建一个XMLHttpRequest对象：

var request=new xmlHttpRequest();

2、设置请求参数：

request.open(‘get’,"请求的地址"，true)

3、设置回调函数：

request.onreadstatechange=function(){

	if(request.readystate==4&&request.status==200){

	var str=request.responseText;

	if(str=='1'){

	$('id').innerHTML=""		

	}		

	}

}