私は次のコードを使用する場合

は、情報を翻訳しようとしていますこのJavaScript +アヤックスとのマイナーな問題を持つあなたは、テキストを削除した場合、私は前私は次のコードを使用する場合

<!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" lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> 
<title>Example Ajax POST</title> 
<script type="text/javascript"><!-- 
// create the XMLHttpRequest object, according browser 
function get_XmlHttp() { 
    // create the variable that will contain the instance of the XMLHttpRequest object (initially with null value) 
    var xmlHttp = null; 

    if(window.XMLHttpRequest) {  // for Forefox, IE7+, Opera, Safari, ... 
    xmlHttp = new XMLHttpRequest(); 
    } 
    else if(window.ActiveXObject) { // for Internet Explorer 5 or 6 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    return xmlHttp; 
} 

// sends data to a php file, via POST, and displays the received answer 
function ajaxrequest(php_file, tagID, tolang) { 

if(tolang=="-")return; 
    var request = get_XmlHttp();  // call the function for the XMLHttpRequest instance 

    // create pairs index=value with data that must be sent to server 
    var the_data = 'data='+document.getElementById('txt2').innerHTML+'&to='+tolang; 

    request.open("POST", php_file, true);   // set the request 

    // adds a header to tell the PHP script to recognize the data as is sent via POST 
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    request.send(the_data);  // calls the send() method with datas as parameter 

    // Check request status 
    // If the response is received completely, will be transferred to the HTML tag with tagID 
    request.onreadystatechange = function() { 
if (request.readyState == 4) { 
     document.getElementById(tagID).innerHTML = request.responseText; 
    } 

    } 
} 
--></script> 


</head> 
<body> 

<textarea id="txt2" rows="20" cols="50">hi wassup</textarea><br/> 
<select name="langlist" onchange="ajaxrequest('translator.php', 'txt2', this.options[this.selectedIndex].value)"> 
    <option value="-" selected>-</option> 
<option value="ar">Arabic</option><option value="bg"> 
Bulgarian</option><option value="ca"> 
Catalan</option><option value="zh-CHS"> 
Chinese Simplified</option><option value="zh-CHT"> 
Chinese Traditional</option><option value="cs"> 
Czech</option><option value="da"> 
Danish</option><option value="nl"> 
Dutch</option><option value="en"> 
English</option><option value="et"> 
Estonian</option><option value="fi"> 
Finnish</option><option value="fr"> 
French</option><option value="de"> 
German</option><option value="el"> 
Greek</option><option value="ht"> 
Haitian Creole</option><option value="he"> 
Hebrew</option><option value="hi"> 
Hindi</option><option value="mww"> 
Hmong Daw</option><option value="hu"> 
Hungarian</option><option value="id"> 
Indonesian</option><option value="it"> 
Italian</option><option value="ja"> 
Japanese</option><option value="ko"> 
Korean</option><option value="lv"> 
Latvian</option><option value="lt"> 
Lithuanian</option><option value="no"> 
Norwegian</option><option value="pl"> 
Polish</option><option value="pt"> 
Portuguese</option><option value="ro"> 
Romanian</option><option value="ru"> 
Russian</option><option value="sk"> 
Slovak</option><option value="sl"> 
Slovenian</option><option value="es"> 
Spanish</option><option value="sv"> 
Swedish</option><option value="th"> 
Thai</option><option value="tr"> 
Turkish</option><option value="uk"> 
Ukrainian</option><option value="vi"> 
Vietnamese</option> 
</select><img src="http://www.allsaints-sec.glasgow.sch.uk/Images/QuestionMarkIcon16.gif" title="plz save your copy of data, as there will be chances of data loss during translation"/> 

</body> 
</html>

でテキストエリアの情報を与えているとして、それは、正常に実行最初のページ読み込み前のテキストエリアでは、以下のコードに示すように、翻訳は機能しません。

<!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" lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> 
<title>Example Ajax POST</title> 
<script type="text/javascript"><!-- 
// create the XMLHttpRequest object, according browser 
function get_XmlHttp() { 
    // create the variable that will contain the instance of the XMLHttpRequest object (initially with null value) 
    var xmlHttp = null; 

    if(window.XMLHttpRequest) {  // for Forefox, IE7+, Opera, Safari, ... 
    xmlHttp = new XMLHttpRequest(); 
    } 
    else if(window.ActiveXObject) { // for Internet Explorer 5 or 6 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    return xmlHttp; 
} 

// sends data to a php file, via POST, and displays the received answer 
function ajaxrequest(php_file, tagID, tolang) { 

if(tolang=="-")return; 
    var request = get_XmlHttp();  // call the function for the XMLHttpRequest instance 

    // create pairs index=value with data that must be sent to server 
    var the_data = 'data='+document.getElementById('txt2').innerHTML+'&to='+tolang; 

    request.open("POST", php_file, true);   // set the request 

    // adds a header to tell the PHP script to recognize the data as is sent via POST 
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    request.send(the_data);  // calls the send() method with datas as parameter 

    // Check request status 
    // If the response is received completely, will be transferred to the HTML tag with tagID 
    request.onreadystatechange = function() { 
if (request.readyState == 4) { 
     document.getElementById(tagID).innerHTML = request.responseText; 
    } 

    } 
} 
--></script> 


</head> 
<body> 

<textarea id="txt2" rows="20" cols="50"></textarea><br/> 
<select name="langlist" onchange="ajaxrequest('translator.php', 'txt2', this.options[this.selectedIndex].value)"> 
    <option value="-" selected>-</option> 
<option value="ar">Arabic</option><option value="bg"> 
Bulgarian</option><option value="ca"> 
Catalan</option><option value="zh-CHS"> 
Chinese Simplified</option><option value="zh-CHT"> 
Chinese Traditional</option><option value="cs"> 
Czech</option><option value="da"> 
Danish</option><option value="nl"> 
Dutch</option><option value="en"> 
English</option><option value="et"> 
Estonian</option><option value="fi"> 
Finnish</option><option value="fr"> 
French</option><option value="de"> 
German</option><option value="el"> 
Greek</option><option value="ht"> 
Haitian Creole</option><option value="he"> 
Hebrew</option><option value="hi"> 
Hindi</option><option value="mww"> 
Hmong Daw</option><option value="hu"> 
Hungarian</option><option value="id"> 
Indonesian</option><option value="it"> 
Italian</option><option value="ja"> 
Japanese</option><option value="ko"> 
Korean</option><option value="lv"> 
Latvian</option><option value="lt"> 
Lithuanian</option><option value="no"> 
Norwegian</option><option value="pl"> 
Polish</option><option value="pt"> 
Portuguese</option><option value="ro"> 
Romanian</option><option value="ru"> 
Russian</option><option value="sk"> 
Slovak</option><option value="sl"> 
Slovenian</option><option value="es"> 
Spanish</option><option value="sv"> 
Swedish</option><option value="th"> 
Thai</option><option value="tr"> 
Turkish</option><option value="uk"> 
Ukrainian</option><option value="vi"> 
Vietnamese</option> 
</select><img src="http://www.allsaints-sec.glasgow.sch.uk/Images/QuestionMarkIcon16.gif" title="plz save your copy of data, as there will be chances of data loss during translation"/> 

</body> 
</html>

ここでポイントが得られていないのですが、誰でもこの問題がわかります。

出典

2012-03-30 user1026137

）=オールウェイズ良いですが、私は間違いなく方法として、jQueryのを見てしまいます実際にあなたのajaxコードを単純化し、いくつかの頭痛を取り除きます。その約$ .ajax - 私は個人的に振り返ったことはありません！ – Codecraft

テキストエリアからテキストを削除すると、document.getElementById('txt2').innerHTMLがnullであるため、おそらく機能しません。エラー/警告の可能性がある場合は、firefox &ファイアバグでこの機能をチェックしてください。また、あなたの問題に関するさらに多くのデータを提供することもできます。正確にが発生します。

出典

2012-03-30 14:13:39 maialithar

なぜそれが動作しないのか分かりません。実際には、最初の例でinnerHTMLを変更しているコードは、クロムの最初の時刻を処理しています。古いIEでは、両方とも常に動作します。

innerHTMLはW3C標準に属しているとは思わないが、valueに変更すると常に両方が動作します。同様に：

var the_data = 'data='+document.getElementById('txt2').value+'&to='+tolang;

と

document.getElementById(tagID).value = request.responseText;

EDIT：ライティング規格に準拠したコードは、おそらく多少は無関係のあなたの実際の質問に

出典

2012-03-30 14:23:39 Prusse

私は次のコードを使用する場合

答えて

関連する問題