javascript - .click() 函数与 ajax 一起使用

Question

JavaScript:

<script>

$('#alink').click(function () {
     $("#loading").ajaxStart(function(){
    $(this).show();
 }).ajaxStop(function(){
    $(this).hide();
 });

$('#aresult').load('content2.html', function() {
 $('#successdata').html('100% loaded');
});
 });
 </script>

HTML:

<a href="#" id="alink">click me</a>
<div id="aresult"></div>

这段代码有什么错误？我想在用户单击带有加载图像的鼠标时加载 ajax 调用页面

Answer 1

我会这样做，并避免全局 ajax 事件:

<script type="text/javascript">
    $(function() {
        $('#alink').on('click', function () {
             $("#loading").show();
             $('#aresult').load('content2.html', function() {
                 $('#successdata').html('100% loaded');
                 $("#loading").hide();
            });
        });
    });
</script>

还要记住 document.ready 函数等。