首頁 > 後端開發 > php教程 > PHP中遇到AJAX的问题

PHP中遇到AJAX的问题

WBOY
發布: 2016-06-23 14:24:39
原創
854 人瀏覽過

php ajax  php ajax

<?phpheader("Content-Type:html/text;Charset=utf-8");$name = $_POST['name'];$email = $_POST['email'];$comment = $_POST['comment'];$fh = @fopen("14-6.txt","ab");fwrite($fh,"姓名:".$name,strlen($name));fwrite($fh,"email:".$email,strlen($email));fwrite($fh,"评论:".$comment,strlen($comment));fclose($fh);echo 1;?>
登入後複製

function $(id){	return document.getElementById(id);}function addcomment(){	var url = "14-6.php";	var status = document.getElementById("divmsg");	status.value="正在提交》》》";	var param = "name="+$("name").value+"email="+$("email").value+"comment="+$("comment").value;	xmlhttp_request.onreadystatechange = function(){		if(xmlhttp_request.readyState==4 && xmlhttp_request.status == 200){//相应完全显示信息			alert (xmlhttp_request.responseText);			if(xmlhttp_request.responseText == "1"){				status.value = "发表成功!!";				$("name").value="";				$("email").value="";				$("comment").value="";			}else{				status.value = "发表失败!请重新发表!";			}		}		}	xmlhttp_request.open("POST",url,true);	xmlhttp_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置头信息	xmlhttp_request.send(param);}
登入後複製

不知道为什么,这个responseText返回的是一大面的html代码.


回复讨论(解决方案)

上面就是alert(xmlhttp_request.responseText)返回的东西

你请求的是当前页面吗

那不是错误信息吗?
14-6.php 第 4 行的 $_POST['email'] 没有定义

var param = "name="+$("name").value+"email="+$("email").value+"comment="+$("comment").value;
应写作
var param = "name="+$("name").value+" &email="+$("email").value+" &comment="+$("comment").value;

我的是从一个html文件转到php文件的。

html代码在下面。我的一共才两个文件,一个html文件,一个php文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Insert title here</title><script type="text/javascript">var xmlhttp_request = false;                      //定义变量try{	if(window.ActiveXObject){                     //判断浏览器是否是ActiveXObject对象		for(var i=5;i;i--){						  //根据IE浏览器版本使用不同方法创建			try{				if(i==2){					xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");				}else{					xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP."+i+".0");					xmlhttp_request.setRequestHeader("Content-Type","text/xml");					xmlhttp_request.setRequestHeader("Charset","utf-8");				}				break;			}catch(e){				xmlhttp_request = false;			}				}	}else if(window.XMLHttpRequest){               //判断浏览器是否支持XMLHttpRequest对象		xmlhttp_request = new XMLHttpRequest();		if(xmlhttp_request.overrideMimeType){			xmlhttp_request.overrideMimeType('text/xml');		}	}}catch(e){	xmlhttp_request = false;}function $(id){	return document.getElementById(id);}function addcomment(){	var url = "14-6.php";	var status = document.getElementById("divmsg");	status.value="正在提交....";	var param = "name="+$("name").value+"email="+$("email").value+"comment="+$("comment").value;	xmlhttp_request.onreadystatechange = function(){		if(xmlhttp_request.readyState==4 && xmlhttp_request.status == 200){//相应完全显示信息			alert(xmlhttp_request.responseText);			if(xmlhttp_request.responseText == "1"){				status.value = "发表成功!!";				$("name").value="";				$("email").value="";				$("comment").value="";			}else{				status.value = "发表失败!请重新发表!";			}		}		}	xmlhttp_request.open("POST",url,true);	xmlhttp_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//设置头信息	xmlhttp_request.send(param);}</script></head><body><form name="form" id="form" method="post" action="">		<p>   </p>		<p>   </p>		<p>   </p>		<p>   </p>		<table width="400" height="168" border="0" align="center" cellpadding="2" cellspacing="0">			<caption>发表评论</caption>			<tr>				<td >用户名:</td>				<td align="center">					<lable>						<input type="text" name="name" id="name" size="30" maxlength="20"/>					</lable>				</td>			</tr>			<tr>				<td >email:</td>				<td align="center">					<lable>						<input type="text" name="email" id="email" size="30" maxlength="20">					</lable>				</td>			</tr>			<tr>				<td>评论:</td>				<td align="center">					<textarea name="comment" id="comment" rows="6" cols="30"></textarea>				</td>			</tr>			<tr>				<td colspan="2" align="center">					<lable>						<input type="button" name="submit" value="发表" id="submit" onclick="addcomment();"/>					</lable>					<lable>						<input id="divmsg" name="divmsg" value="" readonly />					</lable>				</td>			</tr>		</table>    </form></body></html>
登入後複製

问题已解决,就是版主说的错误。提交时三个不同的变量之间用&相隔,因为刚刚接触AJAX,所以对POST提交不是很了解。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板