使用javascript在div中加载内容

时间:2014-02-13 07:03:13

标签: javascript jquery ajax performance

目前我遇到了Jquery ajax调用的问题。我的jsp中的Ajax调用需要更多时间来加载数据,因为javascript表单提交花费的时间更少。

使用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);                              
                   }
              }); 


          }

以上javascript函数使用ajax调用在另一个选项卡中加载数据。这需要更多时间

jsp代码已放在http://jsfiddle.net/mJ8m3/

我在我的jsp文件中使用IE8和Jquery 1.7.1。任何人都指导我如何提高Ajax调用的性能,或者指导我如何使用javascript函数在第二个选项卡中加载数据,即(content02)选项卡。

如果我使用document.forms [0] .submit正在同一个标​​签而不是tab2中加载内容。

在javascript中提交表单后,我无法在使用div标签

定义的另一个标签页中加载内容

任何人都可以帮助我解决这个问题。真的需要一个解决方案。帮我提高速度

1 个答案:

答案 0 :(得分:0)

您可以使用jquery的 load()方法。