2014-02-13 136 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