2014-02-13 76 views
0

目前我正面臨Jquery ajax調用的問題。我的jsp中的Ajax調用需要更多時間來加載數據,因爲javascript表單提交需要更少的時間。使用javascript加載div中的內容

使用javascript表單提交我無法加載內容窗體結果在另一個選項卡。 可以在任何一個可以幫助我在這

JavaScript函數

  function getCircuitMaintenanceDetails(event,refno) 
      { 
       var eve = event; 
       var ref_no = refno; 
       var url = "circuitMaintenanceDetails.do?EVENT_KEY="+eve+"&REF_NO="+ref_no; 
       document.getElementById('sessReferenceId').value=refno; 
      $.ajax({ 
        type:'post', 
        cache:false, 
        url:url, 
        beforeSend: function (xhr) { 
         $('#content02').html('<div class="loading"><center><img src="../images/ajax-loader.gif" alt="Loading..." /><center></div>'); 
        }, 
        success:function(data){ 
         window.scrollTo(0,0); 
         $('#content02').html(data);        
        } 
       }); 


      } 

以上使用Ajax調用在另一個選項卡JavaScript函數加載數據。這需要

JSP代碼已被放置在http://jsfiddle.net/mJ8m3/

我在我的JSP文件中使用IE8和jQuery 1.7.1更多的時間。任何人都可以指導我如何提高Ajax調用的性能,或者可以指導我如何使用javascript函數在第二個選項卡(content02)選項卡中加載數據。

如果我使用document.forms [0] .submit將內容加載到同一個選項卡而不是tab2。

提交JavaScript中的表格後,我無法加載使用div標籤

定義的另一個選項卡中的內容有任何人能幫助我在這個問題上。真的需要一個解決方案。幫我提高速度

+0

爲什麼不使用iframe? –

回答

0

你可以用jquery的load()方法。

+0

它也消耗更多時間。它的表現與jquery ajax相同 – Priya

+0

iam附上小提琴http://jsfiddle.net/zAVLV/6/讓我們看看它是否有任何幫助。 – Rishabh

+0

您也可以使用數據表。他們快速高效,並且使用jquery很好用。使用下面的鏈接http://datatables.net/examples/data_sources/js_array.html – Rishabh