jquery ajax进程成功然后继续加载html代码

时间:2011-07-04 21:15:41

标签: javascript jquery ajax

是否可以制作。 jquery ajax成功,然后继续加载页面的HTML?

解释:打开页面时我需要。拳头加载css, js代码。然后在jquery ajax代码附近加载,停止。保持jquery ajax数据poccess完成,然后继续加载<body>代码。显示<div id="data"></div>和其他html代码。

<script type="text/javascript">
$.ajax({
    url: "pageb.php", 
    dataType: "html",
    type: 'POST', 
    data: "value="+ value, 
    success: function(data){ 
        //stop open page, after data back success, then continue loading the html code.
        $("#data").html(data);        
        }
});
</script>
</head>
<body>
<div id="data"></div>
...
</body>

3 个答案:

答案 0 :(得分:1)

如果你想这样,你应该像其他人建议的那样选择 async:false

但async:false会阻止页面,但是如果你想这样那么好。

但如果你有时间试试这个插件,那就好了

http://jquery.malsup.com/block/

答案 1 :(得分:0)

AJAX的想法是它是异步的,因此它不关心页面上的其他内容正在做什么/正在加载什么等等。尝试在async:false参数中设置$.ajax()并且看看会发生什么。

答案 2 :(得分:0)

除非整个页面是通过AJAX加载的,否则无法告诉浏览器“Ehi,等到我说这个页面之后再等。”