我有以下jQuery Ajax调用:
$.ajax({ type: "POST", url: "addtobasket.php", data: "sid=<?= $sid ?>&itemid=" + itemid + "&boxsize=" + boxsize + "&ext=" + extraval, success: function(msg){ $.post("preorderbasket.php", { sid: "<?= $sid ?>", type: "pre" }, function(data){ $('.preorder').empty(); $('.preorder').append(data); }); } });
我想在进行ajax调用时显示图像。我怎样才能做到这一点?
谢谢,
试试这个 :
<script type="text/javascript"> $(document).ready(function() { $('#loading') .hide() .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); }); </script> <div id="loading"> Loading.... </div>
这将在您每次执行ajax请求时显示加载图像,我在页面顶部设置了该div,因此它不会阻塞页面,但是您始终可以看到ajax调用何时进行。