POST方式与PHP交互

POST方式与PHP交互

使用POST对PHP进行交互的方式主要是针对PHP页面上的“POST”表单。页面上的JavaScript代码可以通过XMLHttpRequest组件向PHP页面提交数据。以下代码将用户通过POST方式提交的数据存入数据库。

<?php

$conn = mysql_connect(“localhost”, “root”, “”);

$title = $_POST[‘title’];

$content = $_POST[‘content’];

$insertSQL = “INSERT INTO articles (title, content) VALUES (‘$title’, ‘$content’)”;

mysql_select_db(“cms”, $conn);

mysql_query($insertSQL, $conn) or die(“Error”);

echo “1”;

?>

上面的代码在正确运行的情况下会输出“1”字符,以下Ajax代码通过判断PHP页面的输出来决定操作是否成功。

<html>

<head>

<title>Ajax Example</title>

<script type=”text/javascript”>

var xmlobj;                                     //定义XMLHttpRequest对象

function CreateXMLHttpRequest()

{

if(window.ActiveXObject)

//如果当前浏览器支持Active Xobject,则创建ActiveXObject对象

{

xmlobj = new ActiveXObject(“Microsoft.XMLHTTP”);

}

else if(window.XMLHttpRequest)

//如果当前浏览器支持XMLHttp Request,则创建XMLHttpRequest对象

{

xmlobj = new XMLHttpRequest();

}

}

function SubmitArticle()                        //主程序函数

{

CreateXMLHttpRequest();                     //创建对象

var parm = “title=” + document.getElementById(“title”).value

+ “&content=” + document.getElementById(“content”).value;                                                               //构造URL参数

xmlobj.open(“POST”, “addnew.php”, true);    //调用addnew.php

xmlobj.setRequestHeader(“Content-Type”, “application/x-www-form-

urlencoded;”);

//设置请求头信息

xmlobj.onreadystatechange = StatHandler;    //判断URL调用的状态值并处理

xmlobj.send(parm);                          //设置为发送给服务器数据

}

function StatHandler()                          //用于处理状态的函数

{

if(xmlobj.readyState == 4 && xmlobj.status == 200)                                                                      //如果URL成功访问,则输出网页

{

if(xmlobj.responseText == “1”)          //如果操作成功,则输出正确提示

{

alert(“Record Inserted Successfully”);

document.getElementById(“title”).value = “”;

document.getElementById(“content”).value = “”;

}

else                                    //如果操作失败,则输出错误提示

{

alert(“Error!!”);

}

}

}

</script>

</head>

<body>

<p><form action=””>

<p align=”center”>添加新文章</p>

<table align=”center”>

<tr valign=”baseline”>

<td nowrap align=”right”>文章标题:</td>

<td><input type=”text” id=”title” value=”” size=”32″></td>

</tr>

<tr valign=”baseline”>

<td nowrap align=”right” valign=”top”>文章内容:</td>

<td>

<textarea id=”content” cols=”50″ rows=”10″></textarea>

</td>

</tr>

</table>

<p align=”center”><input type=”button” value=”<<-提交->>” onclick=”

SubmitArticle();”></p>

</form></p>

</body>

</html>

上面的代码实现了与直接提交表单类似的功能,但是由于Ajax的使用,浏览器在不刷新页面的情况下进行了数据的传输。

 » 转载请注明来源:网络蛀虫小窝 » 《POST方式与PHP交互》
 » 本站地址:http://www.gomoth.com
  • 您可能感兴趣的相关文章