Question

这是我的代码：

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

我不知道我错了什么？它没有警觉！我试图用firebug看，但它没有显示任何东西。我想知道我做错了什么？ THX

Answer 1

在你的href =“”中添加“＃”或javascript：void（0）

像这样它会起作用。

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

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

Answer 3

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

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

Answer 4

在每个浏览器中使用内部标记不起作用。尝试用a替换。

Answer 5

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

试试这个

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

Answer 6

只需在按钮上添加onclick功能即可。并避免锚标记。默认情况下，锚标签具有功能。

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

Answer 7

添加“return false;”到onclick函数结束;

和

onclick和style之间的

应该有空格：）

像这样

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

为什么Ajax不加载？

7 个答案: