2016-11-27 40 views
0

基本上我想在我的HTML/PHP頁面上有一個按鈕,它將一旦點擊發送到另一個PHP頁面,將更新MySQL表中的值。腳本功能如何發送呼叫到PHP頁面

<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> 

我很好奇爲什麼這不起作用。

我測試了我的toggleText函數而沒有使用ajax,它正確地更改了HTML。

但是,一旦我加入ajax訪問這個valueChange.php頁面並更新一個sql值,它不起作用。

我已經測試了自己的php頁面,它正確地更新了sql中的值。

我從來沒有使用Ajax,所以我很好奇,如果我做錯了?我認爲我的src =「google/ajax/jquery」是安裝它的方式。或者我需要在託管我的網站的VPS上安裝一個庫?

+0

請告訴我Ajax代碼。 –

+0

我以爲xmlhttp對象是ajax?把它直接關閉W3學校。 – mocode9

回答

2

我在上面的代碼中看到的唯一錯誤只是一個錯字。看到第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>