Ajax+PHP 边学边练之四 表单
前端之家收集整理的这篇文章主要介绍了
Ajax+PHP 边学边练之四 表单,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
谈到Form就涉及到一个发送请求方式问题(GET和POST),对于GET和POST的使用和区别在本文就不详细说明了,一般对于Web开发由于POST传值为隐式且传输数据量较大所以比较常用。在本例中对functions.js进行下修改,将创建XMLHttp对象程序创建为一个函数processajax。
<div class="codetitle"><a style="CURSOR: pointer" data="64463" class="copybut" id="copybut64463" onclick="doCopy('code64463')"> 代码如下:
<div class="codebody" id="code64463">
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);
}
}
process_task.