使用 javascript 在 div 中加载内容

Question

目前我正面临 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 标签定义的另一个选项卡中加载内容

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

Answer 1

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