当前位置: 首页 > 图文教程 > 网络编程 > PHP > Ajax+PHP 边学边练之四 表单

PHP
工作笔记：配置MySQL为高可用集群 （1）
MySQL (C API)VC实例及代码下载 （1）(5)
MySQL (C API)VC实例及代码下载 （1）(4)
MySQL (C API)VC实例及代码下载 （1）(3)
MySQL (C API)VC实例及代码下载 （1）(2)
MySQL (C API)VC实例及代码下载 （1）
用JSP连接mysql数据库的方法 （1）(2)
用JSP连接mysql数据库的方法 （1）
MySQL数据库账户授权的相关管理解析 （1）(2)
MySQL数据库账户授权的相关管理解析 （1）
SAP MaxDB MySQL修补数据库严重漏洞
MySQL研发中心成立发布会会后访问整理 （1）(2)
MySQL研发中心成立发布会会后访问整理 （1）
MySQL中SQL-TEXT、DATE和SET数据类型
MySQL存在权限提升及安全限制绕过漏洞
MySQL 卸载的问题
windows下安装、卸载mysql服务
如何正确卸载MySQL
MySQL手册版本 5.0.20-MySQL优化(四) （1）(5)
MySQL手册版本 5.0.20-MySQL优化(四) （1）(4)

No. « 183 184 185 186 »

技术文章搜索

关键字

Ajax+PHP 边学边练之四 表单

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 88 ::
收藏到网摘: n/a

通过上一篇文章已经了解到如何利用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值写入数据库。
notask
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");
?>

源代码下载