Heim  >  Artikel  >  Backend-Entwicklung  >  调试一个ajax要呕血了

调试一个ajax要呕血了

WBOY
WBOYOriginal
2016-06-13 12:09:09766Durchsuche

调试一个ajax要吐血了
写了一个英汉词典,具体流程:
1. 把本地文件按照{English: Chinese}的格式写入memcached服务器
2. 通过ajax提交英语单词,并返回中文释义

遇到的问题: 查询对应的单词,可以通过file_put_contents函数写入本地,证明查询到了相应的单词,在客户端,通过readyState属性可以依次看到返回1,2,3,4,但是在window.alert(type res)时显示未定义。

<br /><br />//这部分代码是OK的,用于读取并解析本地的txt格式词典<br /><?php 	<br />class Word<br />{<br />	private $query_en='#\w+\b#i';<br />	private  $query_ch='#[\x{4e00}-\x{9fa5}][\x{4e00}-\x{9fa5},\)\.\( \w]*#u';<br />	private $arr_word=array();<br />	private  $recycle_num=100;<br />	private  $fp=null;<br />	<br />	public function __construct($fileName)<br />	{<br />		$this->fp=fopen($fileName,'r') or die('打开ciba失败');<br />	}<br />	<br />	<br />	public function readWord()<br />	{<br />			while(!feof($this->fp))<br />			{<br />				$word=fgets($this->fp);<br />				$word=trim($word);<br />				if($word=='') continue;<br />				<br />				$en=$this->parseEn($word);<br />				$ch=$this->parseCh($word);<br />				$this->arr_word["$en"]=$ch;<br />				<br />				/* $this->recycle_num--;<br />				if($this->recycle_num==0) return; */<br />			<br />				<br />			}<br />	}<br />	public function parseEn(&$word)<br />	{<br />		if(preg_match($this->query_en, $word, $en))<br />		{<br />			return $en[0];<br />		}<br />		else<br />		{<br />			echo "match english word failed<br />";<br />		}<br />	}<br />	public function parseCh(&$word)<br />	{<br />		if(preg_match($this->query_ch, $word, $ch))<br />		{<br />			return $ch[0];<br />		}<br />		else<br />		{<br />			echo "match chinese failed<br />";<br />		}<br />	}<br />	<br />	public  function getWord()<br />	{<br />		return $this->arr_word;<br />	}<br />	<br />	public function __destruct()<br />	{<br />		fclose($this->fp);<br />	}<br />}<br /><br />//$word=new Word('ciba.txt');<br />//$word->readWord();<br />//echo "<pre class="brush:php;toolbar:false">";<br />//print_r($word->getWord());<br />//echo "
";  */

?>

//这部分代码也是OK的,用于将词条写入memcached






require_once('parseWord.php');
class MemStore
{
private $mem=null;
private $pat='#^[a-zA-Z]+\b#i';

public function __construct()
{
$this->mem=new Memcache();
$this->mem->connect("127.0.0.1", 11211) or die("connect memcached failed!!!
");
}
public function __destruct()
{
$this->mem->close();
}
public function addWord()
{
$word=new Word('ciba.txt');
$word->readWord();
$result=$word->getWord();
//echo count($result)."字符
";
//exit();
foreach($result as $en => $ch)
{
$this->mem->add($en, $ch, MEMCACHE_COMPRESSED, time()+10*24*3600) or die("添加词条失败". __LINE__ ."
");
}
}

public function setWord($en,$ch)
{
//控制器判断输入是否合法
$en=$this->filterWord($en);
$en=$this->mem->get($en) or die("找不到词条 $en");
$this->mem->set($en, $ch, MEMCACHE_COMPRESSED, time()+31*24*3600) or die("添加词条$en失败");

}

public function getWord($en)
{
//控制器判断输入是否合法
$en=$this->filterWord($en);
$ch=$this->mem->get($en) or die("找不到词条 $en");
return $ch;
}

public function replaceWord($en,$ch)
{
//控制器判断输入是否合法
$en=$this->filterWord($en);
$en=$this->mem->get($en) or die("找不到词条 $en");
$this->mem->replace($en, $ch, MEMCACHE_COMPRESSED, time()+31*24*3600) or die("替换词条$en失败");
}

public function deleteWord($en)
{
//控制器判断输入是否合法
$en=$this->filterWord($en);
$this->mem->delete($en,0) or die("删除词条$en失败");
}

//过滤掉中文,包括空格的词组,长度大于20的词条
public function filterWord($en)
{
$en=trim($en);


if(preg_match('#[\x{4e00}-\x{9fa5},\)\.\(]+#u', $en))
{
//echo '暂时不支持中文查询
';
if(preg_match('#\b[a-z]+\b#i', $en, $res))
{
if(strlen($res[0])>20)
{
//echo "字符过长
";
return strtolower(substr($res[0], 0,20));
}
return strtolower($res[0]);
}
}

else if(preg_match('#\s+#', $en))
{
//$en=explode(' ', $en);
//echo "含有空格
";
$res=null;
if(preg_match('#[a-z]+#i', $en, $res))
{
if(strlen($res[0])>20)
{
//echo "字符过长
";
return strtolower(substr($res[0], 0,20));
}
return strtolower($res[0]);
}
}
else if(preg_match('#[—_\+\?\*\^\$\#\%\&\/\\,\.!@=\`\'\"\"""]#',$en, $res))
{
//
//echo '含有非法字符
';
if(preg_match('#[a-z]+#i', $en, $res))
{
if(strlen($res[0])>20)
{
echo "字符过长
";
return strtolower(substr($res[0], 0,20));
}
return strtolower($res[0]);
}
}

else if(strlen($en)>20)
{
//echo "字符过长
";
return strtolower(substr($en, 0,20));
}
else 
{
return $en;
}

}

public function flushAll()
{
$this->mem->flush();
}

public function getTime()
{
if (function_exists("micro_time"))
{
list($usec, $sec) = explode(" ", microtime());
return ((float)$usec + (float)$sec);
}
else
{
return time();
}
}
}

//$mem=new MemStore();
//$mem->addWord();
//$mem->flushAll();
//$mem->replaceWord('abandon', 100000000);
//$mem->deleteWord('abandon');
//echo $mem->getWord('_*&^%abandon^%$#');
//echo "ok"; 

?>




//下面这段代码也是OK的,根据客户端提交的英语单词,可以成功查询到对应的中文,并写入本地文件成功过
header("content-type: text/xml; charset=utf-8");
header("Cache-Control: no-cache");
require_once "storeWord.php";
if(!empty($_GET['enword']))
{
$en=$_GET['enword'];
//file_put_contents('aword.txt', $en."\t\t",FILE_APPEND);

$mem=new MemStore();
$ch=$mem->getWord($en);
$en=$mem->filterWord($en);


$res="".$en."".$ch."";
file_put_contents('aword.txt', $res."\r\n",FILE_APPEND);//这里是OK的
echo $res;
//echo '{'.$en.':'.$res.'}';
}
else
{
file_put_contents('aword.txt', "receive NON data \r\n",FILE_APPEND);
}

?>

//我估计问题出在下面这段代码,,但是就是找不出问题所在,一直显示undefined





<script><br /><br />function getXMLHttpRequest()<br />{<br /> var xmlhttp=null;<br /> if(window.ActiveXObject)<br /> {<br /> xmlhttp = new ActiveXObject("Microsoft.XMLHttp");<br /> }<br /> else<br /> {<br /> xmlhttp=new XMLHttpRequest();<br /> }<br /> return xmlhttp;<br />}<br /><br />function query()<br />{<br /> var url="/ciba/process.php";<br /> var data="?enword="+$('enWord').value+"&rand="+Math.random();<br /> $('enWord').value="";<br /> //var url+=data;<br /> //window.alert(url+data);<br /> <br /> xmlhttp=getXMLHttpRequest();<br /> if (xmlhttp)<br /> {<br /> <br /> xmlhttp.open("get", url+data,true);<br /> <br /> <br /> xmlhttp.onreadystatechange=function()<br /> {<br /> //window.alert(xmlhttp.readyState);<br /> if (xmlhttp.readyState==4 && xmlhttp.status==200)<br /> {<br /> var res=xmlhttp.responseXML;<br /> window.alert(typeof $res);//这个位置一直显示undefined<br /> var en=res.getElementsByTagName("en")[0].childNodes[0].nodeValue;<br /> <br /> var ch=res.getElementsByTagName("ch")[0].childNodes[0].nodeValue;<br /> $("chWord").innerText= en+": 的中文意思是: "+ch; <br /> }<br /> } <br /> xmlhttp.send(null); <br /> }<br /> <br />}<br /><br />function $(id)<br />{<br /> return document.getElementById(id);<br />}<br /></script>














ajax调试要吐血了
------解决思路----------------------
var res=xmlhttp.responseXML;
window.alert(typeof $res);

一样吗?不一样当然不行
------解决思路----------------------
sublime  or  notepad++
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:PHP有关问题请大神帮忙Nächster Artikel:PHP处置文件内容