單擊標籤時使用ajax打印「測試」到屏幕

我試圖使用ajax在單擊標籤時將「測試」打印到屏幕上，但由於某種原因它不工作。我究竟做錯了什麼？單擊標籤時使用ajax打印「測試」到屏幕

test.php的

<style> 
#output { 
    width: 25%; 
    height: 25%; 
    border: 1px solid black; 
} 
</style> 
<label value='show time' onclick="ajaxFunc('test1.php', 'output')"> Click me </label> 
<div id='output'></div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript"> 
function ajaxFunc(gotoUrl, output) { 
    $.ajax({ 
    type: "POST", 
    url: gotoUrl, 
    error: function(xhr, status, error){ 
     alert(error); 
    }, 
    success: function(data) { 
     document.getElementById(output).innerHTML = data; 
    } //end of success:function(data) 
    }); //end of $.ajax 

</script>

test1.php

<?php 
echo "testing"; 
?>

來源

2016-01-11 jessica

不是一個答案，但在這種情況下很有用：如果您使用的是Chrome瀏覽器（強烈建議您這樣做，爲了開發），請按F12。這將帶來開發工具（它在今天的大多數瀏覽器中）。在那裏你會找到「控制檯」選項卡，或者任何地方，找到一個「控制檯」。在這種情況下，在該控制檯中，您會看到一條錯誤消息，這會非常明瞭。 – AlexanderMP

你應該得到輸入的

意外結束

錯誤，因爲您尚未關閉功能大括號。

使用此，

function ajaxFunc(gotoUrl, output) { 

    $.ajax({ 
     type: "POST", 
     url: gotoUrl, 
     error: function(xhr, status, error) { 
      alert(error); 
     }, 
     success: function(data) { 
       document.getElementById(output).innerHTML = data; 
      } //end of success:function(data) 
    }); 
}

通知功能是如何被關閉與}。

其他信息

一致性是關鍵，你正在使用你的HTML單引號和雙引號，因爲嵌套的事件監聽器，你應重視在JavaScript你的聽衆。

使用F12使用Chrome訪問控制檯以查看是否發生錯誤。檢查this非常有用的鏈接瞭解如何在其他瀏覽器中打開控制檯。

來源

2016-01-11 21:35:37 Script47

如果你有一個phpini，你可以告訴我你使用的錯誤代碼，我沒有一個phpini的錯誤decoraration – jessica

？ – jessica

PHPINI與控制檯不同。控制檯顯示JavaScript錯誤。 – Script47

單擊標籤時使用ajax打印「測試」到屏幕

回答

相關問題