-1

PHPファイルのセル番号に渡そうとしています。alert("test"); を試しても、AJAX が機能しません。ajax.onreadystatefunction() では印刷されません。

私の JavaScript getrow(t) 関数は、誰かがテーブル内のセルをクリックするたびに呼び出され、その結果、セルが緑色に変わります。最終的に、php を使用してこのデータを postgres テーブルに入力したいと考えています。

助けてくれてありがとう!ヴラド

<script type="text/javascript">
//gets the row and column number
function getRow(t) 
{
    var col=t.cellIndex;
    var row=t.parentNode.rowIndex;
    var testTable = document.getElementById("testTable");
    t.style.backgroundColor = "#33CC66";
    var cellnumber = (row*15 + col);
    var ajax = new XMLHttpRequest();

    //use ajax to enter into visitedCells
    ajax.onreadystatechange = function() 
    {
        // Call a function when the state changes.
       if(ajax.readyState == 4 && ajax.status == 200) 
       {
           ajax.open("POST", insertCoordinates.php, true);
           ajax.send(cellnumber);    
       }
       else
       {
           alert("Error:" + ajax.status + "and " + ajax.statusText);
       }
    }
}
</script>
 </body>
 </html> 
4

1 に答える 1

2
         ajax.open("POST", insertCoordinates.php, true);
         ajax.send(cellnumber);    

外にいるべきajax.onreadystatechange

直前}//getRow

あなたは実際にリクエストを実行していません

そのようにする必要があります:

var ajax = new XMLHttpRequest();
//use ajax to enter into visitedCells
  ajax.onreadystatechange = function() {//Call a function when the state changes.
  if(ajax.readyState == 4 && ajax.status == 200) {
       alert('success');    
  } else {
       alert("Error:" + ajax.status + "and " + ajax.statusText);
 }
}//onreadyState

ajax.open("POST", insertCoordinates.php, true);
ajax.send(cellnumber);    

おそらくIEでは動かない

次のような構造を使用する必要があります。

try{
    // Opera 8.0+, Firefox, Safari
    ajaxRequest = new XMLHttpRequest();
} catch (e){
    // Internet Explorer Browsers
    try{
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
            // Something went wrong
            alert("Your browser broke!");
            return false;
        }
    }
}

しかし、最善の方法は jQuery を使用することです ...簡単で安全です

于 2012-10-16T22:21:34.917 に答える