一個ajax，首先要? 創建對象－－－發出請求－－－響應－－－－響應完成（readystate）

創建對象

??? var xmlhttp;

??? if(window.ActiveXObject){??????? //IE6以下

????? xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

??? }else{

????? xmlhttp=new XMLHttpRequest();

??? }

2.獲取表單數據

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

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

??? var data="USERNAME"+username+"&PASSWORD"+password;

??? var url="/test.php";

?

3.提交數據

??? xmlhttp.onreadystatechange=function(){

???? if(xmlhttp.readyState==4&&xmlhttp.status==200){

???????? document.getElementById("result").innerHTML=xmlhttp.responseText;

????? }

?? }

?? xmlhttp.open("post",url,true);?? //表單提交只能用post,異步加載為true;

????? //像 HTML 表單那樣 POST 數據，請使用 setRequestHeader() 來添加 HTTP 頭

?? xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

?? xmlhttp.send(data);

?? php代碼如下：

?? welcome<?php echo $_POST["username"];?>? <br/>

?? password<?php echo $_POST["possword"];?>

?? ps: onreadystatechange()方法特殊，其閉包中不能用this來指代object對象，因為在這個方法中，this指的是window.

轉載于:https://blog.51cto.com/10145212/1653571

總結

以上是生活随笔為你收集整理的一个原生态ajax过程，提交表单的例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。