在ASP.NET中使用JQuery异步加载Panel

时间:2011-07-05 05:12:13

标签: jquery asp.net asynchronous queue synchronous

我在ASP.NET中有一个页面,它有不同的面板。我想异步和/或同步加载这些面板

例如:当页面加载时,我在页面中有以下DIV(部分):

<div id=panel1> contents for panel1 </div>
<div id=panel2> contents for panel2 </div>
<div id=panel3> contents for panel3 </div>
<div id=panel4> contents for panel4 </div>

我想同步加载面板1和面板2,因此面板3/4将等到面板2完成。面板2完成后,面板3/4将异步加载。

使用或不使用jQuery可能有很多方法可以做到这一点,但拥有一个简单的调用结构会很好。也许是这样的事情:

LoadPanel(1,false)
LoadPanel(2,false)
LoadPanel(3,true)
LoadPanel(4,true)

第一个参数是Panel ID,Second是指定Sync / Asyn调用。

有什么建议我怎么做?使用JQuery Queue插件会更容易吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

是的,您可以通过以下方式执行此操作

function LoadPanel(panelNumber, async){
   ...
   $.ajax({
      ...
      async: async //This does the trick
   })
}

就是这样! async中的$.ajax参数完全相同,告诉请求是否必须是异步的。

希望这会有所帮助。干杯