Ajax 同期モードのブラウザ互換性に関する問題-PHPチュートリアル-php.cn

Ajax 同期モードのブラウザ互換性に関する問題

WBOY

リリース： 2016-06-13 13:38:02

オリジナル

1154 人が閲覧しました

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();
------解決策---------

話し合う

引用:

検索してみると、JavaScript には Trim() メソッドがありませんね。 resTest=resTest.trim();

これは実際に存在します、問題ではありません