Question

我正在尝试传递给PHP文件cellnumber。当我尝试时，我的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>

Answer 1

         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 ...简单安全

AJAX和php POST问题

1 个答案: