javascript - jQuery.ajax 替换 PHP 代码

Question

我正在尝试使用 ajax 更新 REST 搜索结果，以免重新加载新页面。

现在搜索结果显示在:

<div id="searchtable"><?php include 'hotels/hotelList.php';?></div>

单击按钮时，我想重新加载此 div 元素，以便它包含一个新的 php 文件。

按钮:

<button onclick="myFunction()">LOAD</button><br /><br />

jQuery

<script>
function myFunction() {
  $.get( "/hotels/hotelSortBy.php" );
  $('#searchtable').replaceWith('<?php include 'hotels/hotelSortBy.php';?  >');
 }
</script>

我无法用 ReplaceWith 替换“可搜索”的 div 元素 - 我这样做对吗？

Answer 1

如果您使用 AJAX，则无需内联 PHP。尝试使用 jQuery 的 .load AJAX 方法:

function myFunction() {
  $('#searchtable').load('/hotels/hotelSortBy.php');
}

请注意，这与 .replaceWith 略有不同-- 使用 .load将保留 #searchtable 并将新内容放入其中，而不是替换它。