ajax同步模式的浏览器兼容有关问题
日期：2014-05-17 浏览次数：20583 次
ajax同步模式的浏览器兼容问题
upload.php
后台upload_deal.php
想实现将hour提交到后台判断，再根据返回值，true正确则提交表单、跳转，false错误则不提交表单、不跳转、给出提示。但是这个代码在firefox和谷歌等非ie内核的浏览器没有问题，但是使用ie（我这是9）就全部都跳转了。尝试加上回调函数的状态判断onreadystatechange，但是所有浏览器就都不执行了，一过onreadystatechange就直接到最后的return了。
------解决方案--------------------
搜了搜，javascript没有trim()方法吧？ resTest=resTest.trim();
------解决方案--------------------
upload.php
- PHP code
<!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>无标题文档</title>
</head>
<body>
<form action="upload_deal.php" method="post" name="form1" enctype="multipart/form-data" onsubmit="return upload();" >
<select name="hour" id="hour" >
<option value="0" selected="selected">请选择</option>
<option value="1">哈哈</option>
</select>
<input name="image" type="file" id="image" />
<input name="submit" type="submit" value="上传" />
</form>
<div id="status">f</div>
<script>
function GetXmlHttpObject()
{
var XMLHttp=null;
try
{
XMLHttp=new XMLHttpRequest();
}
catch(e)
{
try
{
XMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return XMLHttp;
}
function upload()
{
var flag=false;
var XMLHttp=GetXmlHttpObject();
var url="upload_deal.php";
var dataStr="hour="+document.getElementById("hour").value;
XMLHttp.open("POST",url,false);
XMLHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
XMLHttp.send(dataStr);
var resTest=XMLHttp.responseText;
resTest=resTest.trim();
var response_compent="true";
if(resTest!=response_compent)
{
document.getElementById("status").innerHTML=resTest;
}
else
flag=true;
return flag;
}
</script>
</body>
</html>
后台upload_deal.php
- PHP code
if($_REQUEST['hour']==1)
{
echo "true";
}
else
{
echo "false";
}
想实现将hour提交到后台判断，再根据返回值，true正确则提交表单、跳转，false错误则不提交表单、不跳转、给出提示。但是这个代码在firefox和谷歌等非ie内核的浏览器没有问题，但是使用ie（我这是9）就全部都跳转了。尝试加上回调函数的状态判断onreadystatechange，但是所有浏览器就都不执行了，一过onreadystatechange就直接到最后的return了。
- PHP code
XMLHttp.onreadystatechange=function()
{
if(XMLHttp.readyState==4&&XMLHttp.status==200)
{
var resTest=XMLHttp.responseText;
resTest=resTest.trim();
var response_compent="true";
if(resTest!=response_compent)
{
document.getElementById("status").innerHTML=resTest;
}
else
flag=true;
}
}
------解决方案--------------------
搜了搜，javascript没有trim()方法吧？ resTest=resTest.trim();
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
