当前位置: 代码迷 >> PHP >> 调试一个ajax要呕血了
  详细解决方案

调试一个ajax要呕血了

热度:47   发布时间:2016-04-28 18:19:52.0
调试一个ajax要吐血了
写了一个英汉词典,具体流程:
1. 把本地文件按照{English: Chinese}的格式写入memcached服务器
2. 通过ajax提交英语单词,并返回中文释义

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



//这部分代码是OK的,用于读取并解析本地的txt格式词典
<?php 
class Word
{
private $query_en='#\w+\b#i';
private  $query_ch='#[\x{4e00}-\x{9fa5}][\x{4e00}-\x{9fa5},\)\.\( \w]*#u';
private $arr_word=array();
private  $recycle_num=100;
private  $fp=null;

public function __construct($fileName)
{
$this->fp=fopen($fileName,'r') or die('打开ciba失败');
}


public function readWord()
{
while(!feof($this->fp))
{
$word=fgets($this->fp);
$word=trim($word);
if($word=='') continue;

$en=$this->parseEn($word);
$ch=$this->parseCh($word);
$this->arr_word["$en"]=$ch;

/* $this->recycle_num--;
if($this->recycle_num==0) return; */


}
}
public function parseEn(&$word)
{
if(preg_match($this->query_en, $word, $en))
{
return $en[0];
}
else
{
echo "match english word failed<br />";
}
}
public function parseCh(&$word)
{
if(preg_match($this->query_ch, $word, $ch))
{
return $ch[0];
}
else
{
echo "match chinese failed<br />";
}
}

public  function getWord()
{
return $this->arr_word;
}

public function __destruct()
{
fclose($this->fp);
}
}

//$word=new Word('ciba.txt');
//$word->readWord();
//echo "<pre>";
//print_r($word->getWord());
//echo "</pre>";  */

?>

//这部分代码也是OK的,用于将词条写入memcached
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<?php   

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

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 '暂时不支持中文查询<br />';
if(preg_match('#\b[a-z]+\b#i', $en, $res))
{
if(strlen($res[0])>20)
{
//echo "字符过长<br />";
return strtolower(substr($res[0], 0,20));
}
return strtolower($res[0]);
}
}

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

else if(strlen($en)>20)
{
//echo "字符过长<br />";
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"; 

?>

</body>
</html>

//下面这段代码也是OK的,根据客户端提交的英语单词,可以成功查询到对应的中文,并写入本地文件成功过
<?php 
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="<res><en>".$en."</en><ch>".$ch."</ch></res>";
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

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script type="text/javascript">

function getXMLHttpRequest()
{
var xmlhttp=null;
if(window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHttp");
}
else
{
xmlhttp=new XMLHttpRequest();
}
return xmlhttp;
}

function query()
{
var url="/ciba/process.php";
var data="?enword="+$('enWord').value+"&rand="+Math.random();
$('enWord').value="";
//var url+=data;
//window.alert(url+data);

 xmlhttp=getXMLHttpRequest();
 if (xmlhttp)
 {

xmlhttp.open("get", url+data,true);


 xmlhttp.onreadystatechange=function()
{
//window.alert(xmlhttp.readyState);
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
var res=xmlhttp.responseXML;
window.alert(typeof $res);//这个位置一直显示undefined
var en=res.getElementsByTagName("en")[0].childNodes[0].nodeValue;

var ch=res.getElementsByTagName("ch")[0].childNodes[0].nodeValue;
$("chWord").innerText= en+": 的中文意思是: "+ch;   
}

xmlhttp.send(null); 
 }

}

function $(id)
{
return document.getElementById(id);
}
</script>
<head>

<body>
<center>
<input type="text" name="enWord" id="enWord" size=100  maxlength="40"/><input type="button" value="查询" onclick="query();" /><br />
<div id="chWord" style="color:red; font-size:14px;"><div>
</center>

</body>
</html>



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

一样吗?不一样当然不行
------解决思路----------------------
sublime  or  notepad++
  相关解决方案