?????? 通過上一篇文章已經了解到如何利用Ajax和PHP對數據庫進行數據讀取，這樣可以動態的獲取到數據庫的最新數據。本篇則繼續介紹通過表單（Form）向數據庫中寫入數據。

?????? 談到Form就涉及到一個發送請求方式問題（GET和POST），對于GET和POST的使用和區別在本文就不詳細說明了，一般對于Web開發由于POST傳值為隱式且傳輸數據量較大所以比較常用。在本例中對functions.js進行下修改，將創建XMLHttp對象程序創建為一個函數processajax。

function processajax (serverPage, obj, getOrPost, str){ //將創建XMLHttpRequest對象寫到getxmlhttp()函數中，并獲取該對象 xmlhttp = getxmlhttp (); //GET方式（和前面幾篇一樣） if (getOrPost == "get"){ xmlhttp.open("GET", serverPage); xmlhttp.onreadystatechange = function(){ if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ obj.innerHTML = xmlhttp.responseText; } } xmlhttp.send(null); } //POST方式 else{ //第三個true參數將打開異步功能 xmlhttp.open("POST", serverPage, true); //創建POST請求 xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=GB2312"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { obj.innerHTML = xmlhttp.responseText; } } //表單（Form）傳值 xmlhttp.send(str); } }

?

?????? 在下圖中當點擊“Submit”按鈕后會激發submitform函數（functions.js），在該函數中會通過getformvalues函數檢查Form內容是否都填寫完畢，否則提示哪項未填寫。當檢查通過后會調用process_task.php程序，它會將Form值寫入數據庫。

submitform 函數：

function submitform (theform, serverPage, objID, valfunc){ var file = serverPage; //檢查Form值 var str = getformvalues(theform,valfunc); //Form全部填寫 if (aok == true){ obj = document.getElementById(objID); //運行Ajax進行傳值 processajax(serverPage, obj, "post", str); } }

getformvalues 函數：

function getformvalues (fobj, valfunc){ var str = ""; aok = true; var val; //遍歷Form中所有對象 for(var i = 0; i < fobj.elements.length; i++){ if(valfunc){ if (aok == true){ val = valfunc (fobj.elements[i].value,fobj.elements[i].name); if (val == false){ aok = false; } } } str += fobj.elements[i].name + "=" + escape(fobj.elements[i].value) + "&"; } //將Form值以String形式返回 return str; }

process_task.php 程序：

<?php require_once ("dbconnector.php"); opendatabase(); //對數據預處理 $yourname = strip_tags (mysql_real_escape_string ($_POST['yourname'])); $yourtask = strip_tags (mysql_real_escape_string ($_POST['yourtask'])); $thedate = strip_tags (mysql_real_escape_string ($_POST['thedate'])); //創建Insert語句 $myquery = "INSERT INTO task (name, thedate, description)
VALUES ('$yourname','$thedate','$yourtask')"; //執行SQL語句 if (!mysql_query ($myquery)){ header ("Location: theform.php?message=There was a problem with the entry."); exit; } //返回成功信息 header ("Location: theform.php?message=Success"); ?>

源代碼下載

轉載于:https://blog.51cto.com/186067/1280704

總結

以上是生活随笔為你收集整理的Ajax PHP 边学边练 之四 表单的全部內容，希望文章能夠幫你解決所遇到的問題。

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