Question

基本上我想在我的HTML / PHP页面上有一个按钮，一旦点击就会发送一个调用到另一个php页面，该页面将更新mysql表中的值。

    <html>
    <head>
    <script>
    src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    function toggleText(button_id){
            if(document.getElementById(button_id).innerHTML == "Uninstall All"){
                    document.getElementById(button_id).innerHTML = "Cancel Uninstall";
                    //ajax////////////////////
                    xmlhttp = new XMLHttpRequest();
                    xmlhttp.open("GET", "valueChange.php?uninstalled=1&type=all", true);
                    xmlhttp.send();
                    ////////////////////////
            }
 }
    </script>
    </head>

我很好奇为什么这不起作用。

我测试了没有ajax的toggleText函数，它正确地改变了HTML。

但是一旦我添加ajax来访问这个valueChange.php页面并更新一个sql值它就不起作用。

我自己测试了php页面并正确更新了sql中的值。

我从未使用过ajax，所以如果我做错了，我很好奇吗？我以为我的src =＆＃34; google / ajax / jquery＆＃34;是安装它的方式。或者我需要在托管我网站的VPS上安装一个库吗？

Answer 1

我在上面的代码中看到的唯一错误只是一个错字。请参阅第3行，您应该在第二个属性<script src="*link to jQuery*" ></script>

之前关闭脚本标记

另外一件事你不需要使用jQuery库来使用XMLHttpRequest()方法。

修改后的代码：

<html>
<head>    
<script>
 function toggleText(button_id)
{
        if(document.getElementById(button_id).innerHTML == "Uninstall All")
            {
                document.getElementById(button_id).innerHTML = "Cancel Uninstall";
                //ajax////////////////////
               var xmlhttp = new XMLHttpRequest();
                xmlhttp.open("GET", "valueChange.php?uninstalled=1&type=all", true);
                xmlhttp.send();
                ////////////////////////
        }
}
</script>
</head>

脚本函数如何将调用发送到php页面

1 个答案: