php Ajax Post GET傳值
來源:互聯網
上載者:User
用Ajax 進行Post傳值以下程式已調試通過:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title></head><script language="javascript">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 ><div id="msg"></div><form name="user_info" method="post" action="">姓名:<input type="text" name="user_name" /><br />年齡:<input type="text" name="user_age" /><br />性別:<input type="text" name="user_sex" /><br /><input type="button" value="提交表單" onClick="saveUserInfo()"></form></body>以上頁面存為ajax.php然後再建 一個PHP檔案,ajax_output.php<? echo $_POST['user_name']; echo $_POST['user_age']; echo $_POST['user_sex'];?>