Ajax 同期モードのブラウザ互換性に関する問題
- WBOYオリジナル
- 2016-06-13 13:38:021154ブラウズ
Ajax 同期モードでのブラウザの互換性の問題
upload.php
- PHP コード
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
<!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 highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
if($_REQUEST['hour']==1)
{
echo "true";
}
else
{
echo "false";
}
判定のために時間をバックグラウンドに送信し、戻り値に基づいて true の場合はフォームを送信してジャンプし、false の場合はフォームは送信されません、ジャンプは行われず、プロンプトが表示されます。ただし、このコードは、Firefox や Google などの非 IE コア ブラウザーでは問題ありませんが、IE (私は 9) を使用すると、すべてがジャンプします。 onreadystatechange のステータスを判断するコールバック関数を追加しようとしましたが、すべてのブラウザがそれを実行せず、onreadystatechange が通過すると直接最終リターンに進みました。
- PHP コード
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
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();
------解決策---------
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。