前言:
对于原生ajax来说,请求的数据分为 请求行 请求头 请求体,还有请求数据是什么格式。
发送一个ajax-get请求
function ajax(){
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/ajax/demo_get",true);
xmlhttp.setRequestHeader("","");
xmlhttp.send();
}
案例:
function ajax_get()
{
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("divs").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://47.92.195.192/api/userMachineSet/bindInfo",true);
xmlhttp.setRequestHeader("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE1Njc5MDk4NzAsInVzZXJfbmFtZSI6ImFkbWluIiwiYXV0aG9yaXRpZXMiOlsiUk9MRV9BRE1JTiJdLCJqdGkiOiI0ZTNlZDFlOC05NDJlLTQwNDUtYmFhOC1iMzU1MmI0MDlmZjciLCJjbGllbnRfaWQiOiJjbGllbnQyIiwic2NvcGUiOlsicmVhZCIsIndyaXRlIl19.clfkGTj_Ch2lQpjcUd4Du3lZ7AmDusxJmS_-Dd31BpM");
xmlhttp.send();
}
发送一个ajax-post请求
function ajax()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","ajax_test",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");
案例:
function ajax()
{
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
console.log(xmlhttp.responseText)
}
}
xmlhttp.open("POST","http://47.92.195.192/oauth/token?username=admin&password=111111&client_id=client2&client_secret=secret&grant_type=password",true);
xmlhttp.send();
也可以:
xmlhttp.open("POST","http://47.92.195.192/oauth/token",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("username=admin&password=111111&client_id=client2&client_secret=secret&grant_type=password");
}