为什么 Ajax 不加载？答案

【问题标题】：Why Ajax doesn't load?为什么 Ajax 不加载？
【发布时间】：2014-03-27 10:52:25
【问题描述】：

这是我的代码：

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

我不知道我写错了什么？它没有警报！我也尝试用萤火虫查看，但它没有显示任何内容。我想知道我做错了什么？谢谢

【问题讨论】：

回答你的下一个问题：你没有正确打开你的PHP标签<php应该是<?php

标签： php ajax post

【解决方案1】：

在你的 href="" 添加一个 "#" 或 javascript:void(0)

这样就可以了。

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

【讨论】：

它有效。但是 javascript:void(0) 是什么意思？
您可以说它只是使链接失效。并且将调用 onClick 事件。只做 href="" 实际上会使页面重新加载。

【解决方案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>

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

在标签内使用 a 并不适用于所有浏览器。尝试将替换为 .

【讨论】：

【解决方案5】：

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

试试这个

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

【讨论】：

【解决方案6】：

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

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

【讨论】：

【解决方案7】：

添加“返回false;”到onclick函数结束；

和

onclick 和 style 之间应该有空格 :)

喜欢这个

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

【讨论】：