2014-02-25 43 views
1

这是我的代码:为什么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

+2

回答你的下一个问题:你是不是正确地打开你的PHP代码' George

回答

2
在href =

“” 添加 “#” 或javascript:无效(0)

这样它会工作。

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

它的工作原理。但它是什么javascript:void(0)是什么意思? – Chester

+0

你可以说它只是让一个链接成为死亡。而onClick事件将被调用。只做href =“”infact使页面重新加载。 –

+0

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

1

onclick句柄和实际功能的名称不同。

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

使用内部标签不适用于每个浏览器。尝试用a替换。

2

防止了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> 
1

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

试试这个

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

只是把那的onclick functinality上的按钮。并避免锚标签。默认锚定标签获得了功能。

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

add“return false;”到onclick函数的结尾;

的onclick和风格之间

应该有空间 :)

这样

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