爲什麼Ajax無法加載？

這是我的代碼：爲什麼Ajax無法加載？

<html> 
    <head> 
     <title>Magento 2 </title> 
     <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
       function ajaxCall(){ 
        $.post("insert.php", function(data) { 
         alert(data); 
         //$(".result").html(data); 
        }); 
       } 
     </script> 
     <a href ="" onclick ="javascript:ajaxCall();"style="text-decoration:none;"><input type ="button" value="Executa"></a> 
    </body> 
</html>

的insert.php文件包含：

<php 
    echo 1; 
?>

我不知道我寫的不對嗎？它不警告！我試圖看到螢火蟲，但它沒有顯示任何東西。我想知道我做錯了什麼？ Thx

來源

2014-02-25 Chester

回答你的下一個問題：你是不是正確地打開你的PHP代碼' George

在href =

「」添加「＃」或javascript：無效（0）

這樣它會工作。

<a href ="javascript:void(0)" onclick ="javascript:ajaxCall();"style="text-decoration:none;"><input type ="button" value="Executa"></a>

來源

2014-02-25 09:57:33

它的工作原理。但它是什麼javascript：void（0）是什麼意思？ – Chester

你可以說它只是讓一個鏈接成爲死亡。而onClick事件將被調用。只做href =「」infact使頁面重新加載。 –

http://stackoverflow.com/questions/1291942/what-does-javascriptvoid0-mean – Opentuned

onclick句柄和實際功能的名稱不同。

<a href="" onclick="ajaxCall();"style="text-decoration:none;"><input type="button" value="Executa"></a>

來源

2014-02-25 09:57:04 Mardie

使用內部標籤不適用於每個瀏覽器。嘗試用a替換。

來源

2014-02-25 09:57:17 nowhere

防止了a標籤的默認事件：

的Javascript

function ajaxCall(event){ 
    event.preventDefault(); 
    $.post("insert.php", function(data) { 
     alert(data); 
         //$(".result").html(data); 
    }); 
}

HTML

<a href ="" onclick ="javascript:ajaxCall(event);"style="text-decoration:none;"><input type ="button" value="Executa"></a>

來源

2014-02-25 09:58:09

需要href ="javascript:void(0);"

試試這個

<a href ="javascript:void(0);" onclick ="ajaxCall();"style="text-decoration:none;"><input type ="button" value="Executa"></a>

來源

2014-02-25 09:58:15

只是把那的onclick functinality上的按鈕。並避免錨標籤。默認錨定標籤獲得了功能。

<input type ="button" value="Executa" onclick ="javascript:ajaxCall();"/>

來源

2014-02-25 10:02:38 joe

add「return false;」到onclick函數的結尾;

和

的onclick和風格之間

應該有空間 :)

這樣

<a href ="" onclick ="javascript:ajaxCall();return false;" style="text-decoration:none;"><input type ="button" value="Executa"></a>

來源

2014-02-25 10:08:06

爲什麼Ajax無法加載？

回答

相關問題