php Ajax Post GET傳值

本文轉載自查看原文 2012-07-20 13:32 5663 PHP技術相關

用Ajax 進行Post傳值

以下程序已調試通過：

<head>

<title>Untitled Document</title>

</head>

function saveUserInfo()

{

//獲取接受返回信息層

var msg = document.getElementByIdx_x("msg");

//獲取表單對象和用戶信息值

var f = document.user_info;

var userName = f.user_name.value;

var userAge = f.user_age.value;

var userSex = f.user_sex.value;

//接收表單的URL地址

var url = "/ajax_output.php";

//需要POST的值，把每個變量都通過&來聯接

var postStr = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;

//實例化Ajax

//var ajax = InitAjax();

var ajax = false;

//開始初始化XMLHttpRequest對象

if(window.XMLHttpRequest) { //Mozilla 瀏覽器

ajax = new XMLHttpRequest();

if (ajax.overrideMimeType) {//設置MiME類別

ajax.overrideMimeType("text/xml");

}

else if (window.ActiveXObject) { // IE瀏覽器

try {

ajax = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

ajax = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {}

}

if (!ajax) { // 異常，創建對象實例失敗

window.alert("不能創建XMLHttpRequest對象實例.");

return false;

}

//通過Post方式打開連接

ajax.open("POST", url, true);

//定義傳輸的文件HTTP頭信息

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

//發送POST數據

ajax.send(postStr);

//獲取執行狀態

ajax.onreadystatechange = function() {

//如果執行狀態成功，那么就把返回信息寫到指定的層里

if (ajax.readyState == 4 && ajax.status == 200) {

msg.innerHTML = ajax.responseText;

}

</script>

<body >

姓名：<input type="text" name="user_name" /><br />

年齡：<input type="text" name="user_age" /><br />

性別：<input type="text" name="user_sex" /><br />

</form>

</body>

以上頁面存為ajax.php

然后再建一個PHP文件，ajax_output.php

echo $_POST['user_name'];

echo $_POST['user_age'];

echo $_POST['user_sex'];

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 php表單傳值--GET和POST js post get ajax 調用接口傳值 json方式 Ajax中Get和Post兩種傳值方式的異同 GET，POST傳值總結 Get和Post的參數傳值 ajax post傳值 Ajax Post 與 Get 實例 $.ajax與$.post、$.get的區別 Ajax請求-get(),post() $.get()、$.post()、$.ajax()使用