ajax调用后打开html数据的最佳方法

时间:2017-03-07 17:54:20

标签: javascript jquery html ajax

问题是我通过ajax调用调用html数据,但我想在同一页面中显示该数据。 我使用document.open(),document.write(data),document.close()来显示它并且工作正常,但是我在重新加载页面时遇到问题(主要是用ctrl + F5),因为它没有加载所有的CSS和JS,我也尝试过:

var w =  window.open("","_self");
            w.document.write(data);
            w.document.close();

但是现在当我重新加载页面时,url会更改为wyciwyg //#后跟普通URL(其中#是任意数字)并且在没有css和JS的情况下再次加载。 这就是为什么我问什么是加载HTML数据的最佳方法,以避免出现这种问题。 提前谢谢。

编辑: 这是我的代码的一部分:

  • 我选择要检查的值的表格:

      <thead>
            <tr>
                <th width="40%">Nombre</th>
            </tr>
      </thead>
    

                                                 $ {} profesores.nombreProfesor                 
            

    • JS函数,我获取值并将其发送到函数:

    $('#table tbody')。on('click','tr',function(){ var datos = new Object(); llamar(DATOS);

    }

函数我调用servlet来检索HTML数据(在servlet中我把response.contentType作为html):

function llamar(datos){

$.ajax({
        url: '/servlet',
        type: 'POST',
        dataType: "",
        contentType: 'application/json',
        data: JSON.stringify(datos),
        success: function(data) {
          var w =  window.open("","_self");
            w.document.write(data);
            w.document.close();

        }
}

- 最后,html Im在servlet中检索(它调用一个jsp,其中包含我放置数据的表):

 <div class='panel-default'>
   <div class='panel-body'>
     <div class="table" style="font-size: 11px;">
          <jsp:include page="/tableToDisplayData"></jsp:include>
     </div>
   </div>
 </div>

0 个答案:

没有答案