文件的组织形式如下图所示,使用xampps安装的集成环境。
提交订单的html文件orderform.html如下所示:
<form action="processorder.php" method="post">
<table>
<tr bgcolor="#cccccc">
<td width="150">Item</td>
<td width="15">Quantity</td>
</tr>
<tr>
<td>Tires</td>
<td align="center"><input type="text" name="tireqty" size="3" maxlength="3" /></td>
</tr>
<tr>
<td>Oil</td>
<td align="center"><input type="text" name="oilqty" size="3" maxlength="3" /></td>
</tr>
<tr>
<td>Spark Plugs</td>
<td align="center"><input type="text" name="sparkqty" size="3" maxlength="3" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Submit Order" /></td>
</tr>
</table>
</form>
显示订单信息的php
用ajax异步回传,将PHP的执行结果回传到HTML页面使用XMLHttpRequest对象可以做到
首先创建这个对象
var xmlHttp
if (window.XMLHttpRequest) { //兼容Mozilla、Safari等浏览器对象
xmlHttp = new XMLHttpRequest()
}
else if (window.ActiveXObject) { //兼容IE浏览器
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")//创建Msxml2.XMLHTTP控件对象
} catch (e) {
try {//创建Microsoft.XMLHTTP控件对象,该控件作用为获取指定URL的内容
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
} catch (e) {}
}
}
然后创建请求
xmlhttp.open("GET", " hello.php", true)//等于执行了hello.php页面
xmlhttp.send(null)
alert(xmlhttp.responseText)//把hello.php的执行结果显示出来;
这只是个简单的例子,具体可以搜索 XMLHttpRequest中文参考手册
参考一下
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)