Javascript 单击A Href时的JQUERY Ajax

我不熟悉JavaScript、Jquery和Ajax。这就是我想做的：

当我点击Pro Hashtagh时，我想在Show-Id中显示一个单词

此Pro Hashtagh HTML代码：

<li>
    <a href="#" id="Pro-Hashtagh">Pro Hashtagh</a>
</li>

<div class="body" id="Show-Id">
</div>

显示Id HTML代码：

<li>
    <a href="#" id="Pro-Hashtagh">Pro Hashtagh</a>
</li>

<div class="body" id="Show-Id">
</div>

Ajax代码：

<script type="text/javascript">

    $(function () {

        var waiting = '<center><h3>Please Wait ...</h3></center>';

        $('#Pro-Hashtagh').click(function(){
            $("#Show-Id").html(waiting);
        });

    });

</script>

$（函数（）{
var waiting='请稍候…'；
$（'Pro Hashtagh'）。单击（函数（）{
$（“#Show Id”）.html（等待）；
});
});

---

但是，当我单击时，什么也没有发生

我猜您正在本地环境中工作。 当你点击链接时，会发生一些事情，但是页面会重新加载到fast，以便你看到任何东西。您需要更新onclick事件，以防止链接默认行为

$('#Pro-Hashtagh').click(function(event){
    event.preventDefault();
    $("#Show-Id").html(waiting);
});

$（函数（）{
var waiting='请稍候>。
..';
$（'Pro Hashtagh'）。单击（函数（）{
$（“#Show Id”）.html（等待）；
});
});

试试看

---

并在javascript中创建检查函数

我刚刚对代码进行了修改，一切正常。

当然，您必须将Jquery添加到项目中，这是我看到的唯一错误

此外，在代码中没有调用任何AJAX请求，只是添加了一个“请稍候”。如果您试图通过AJAX访问外部资源，这里的情况并非如此

$（函数（）{
var waiting='请稍候…'；
$（'Pro Hashtagh'）。单击（函数（）{
$（“#Show Id”）.html（等待）；
});
});



您是否包括jQuery？仅供参考：您的问题中没有Ajax代码。请使用event.preventDefault（）阻止默认操作是的，console中出现任何错误？A
#
不会重新加载页面，它将滚动页面。@epascarello如果有
标记，它将滚动页面。代码很好。你想从这篇文章中说什么？这段代码对我来说工作正常。我认为jquery.min.js文件在ALFIAN ANANDA PUTRA代码中没有正确链接comment@SudharsanS我写错了。。请给我投赞成票