ajax之post請求方式
阿新 • • 發佈：2019-02-04
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
function f1(){
var username=document.getElementById('username').value;
//對傳遞的特殊的特殊符號進行編碼處理 這步必須放到請求字串之前
username=encodeURIComponent(username);
//把使用者名稱資訊變成“請求字串”
var info="name="+username+"&age=23";
//1.建立ajax物件
if(typeof ActiveXObject!="undefined")
{
var xhr=new ActiveXObject("Microsoft.XMLHTTP");//最原始方式
var xhr=new ActiveXObject("Msxml2.XMLHTTP");//升級
var xhr=new ActiveXObject("Msxml2.XMLHTTP.3.0");//升級
var xhr=new ActiveXObject("Msxml2.XMLHTTP.6.0");//升級
}
else
{
var xhr=new XMLHttpRequest();
}
//設定事件
xhr.onreadystatechange=function(){
if(xhr.readyState==4)
{
alert(xhr.responseText);
}
}
//連線伺服器
xhr.open('post','3.php
//post方式傳遞資料是模擬form表單傳遞資料
//form表單的post格式資料是通過xml形式傳遞給伺服器的
//該方法必須要在open()方法後呼叫
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
//傳送請求
xhr.send(info); //post方式請求需要把資訊組織為請求字串傳遞給send()方法
}
</script>
</head>
<body> /*失去焦點觸發*/
使用者名稱： <input type="text" id="username" name="username" onblur="f1()"
<input type="password" id="pws" name="password"/>
</body>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
function f1(){
var username=document.getElementById('username').value;
//對傳遞的特殊的特殊符號進行編碼處理 這步必須放到請求字串之前
username=encodeURIComponent(username);
//把使用者名稱資訊變成“請求字串”
var info="name="+username+"&age=23";
//1.建立ajax物件
if(typeof ActiveXObject!="undefined")
{
var xhr=new ActiveXObject("Microsoft.XMLHTTP");//最原始方式
var xhr=new ActiveXObject("Msxml2.XMLHTTP");//升級
var xhr=new ActiveXObject("Msxml2.XMLHTTP.3.0");//升級
var xhr=new ActiveXObject("Msxml2.XMLHTTP.6.0");//升級
}
else
{
var xhr=new XMLHttpRequest();
}
//設定事件
xhr.onreadystatechange=function(){
if(xhr.readyState==4)
{
alert(xhr.responseText);
}
}
//連線伺服器
xhr.open('post','3.php
//post方式傳遞資料是模擬form表單傳遞資料
//form表單的post格式資料是通過xml形式傳遞給伺服器的
//該方法必須要在open()方法後呼叫
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
//傳送請求
xhr.send(info); //post方式請求需要把資訊組織為請求字串傳遞給send()方法
}
</script>
</head>
<body> /*失去焦點觸發*/
使用者名稱： <input type="text" id="username" name="username" onblur="f1()"
<input type="password" id="pws" name="password"/>
</body>
</html>
//3.php
<?php
print_r($_POST);
?>