Question

我有一个标题为：

的页面

<div class="something"><? some php code  ?></div>

在那个页面中，我还有一个ajax做的工作如下：

<script>
$(document).ready(function () {
$(document).ajaxStart(function () {
    $("#loader").show();
}).ajaxStop(function () {
    $("#loader").hide();
});
});

$('#link').on('click', function(e) {
 e.preventDefault;
 var href = this.getAttribute('href');  
 $.ajax({
url: href,
success: function(text) {
  alert("Added Succesfully");
}
});
return false; 
});
</script>

现在在ajax的成功我也想刷新我提到的div。仅刷新，因为它附加到PHP，它将从外部API获取数据。这可能吗？

Answer 1

您可以将您的PHP代码放在外部文件中，并通过调用JQuery加载方法重新加载您的div：

$("#something").load("mycode.php");

希望对您有所帮助。

Answer 2

link

 $.ajax({
    dataType: "json",
    url: "http://www.omdbapi.com/?i=tt0111161",
    success: function (data) {
        console.log(data);
        $("#movie-data").append(JSON.stringify(data));

使用append功能，您可以将来自ajax调用的数据插入到div中。 explanation and example

append（）方法在所选元素的末尾插入指定的内容。

提示：要在所选元素的开头插入内容，请使用prepend（）方法。

或者this回答可以解决您的问题

或者您可以查看jquery load函数

从服务器加载数据并将返回的HTML放入匹配的元素中。此方法是从服务器获取数据的最简单方法。它大致相当于$ .get（url，data，success），除了它是一个方法而不是全局函数，它有一个隐式回调函数。当检测到成功的响应时（即当textStatus是＆＃34;成功＆＃34;或＆＃34; notmodified＆＃34;）时，.load（）将匹配元素的HTML内容设置为返回的数据。

刷新ajax成功的DIV

2 个答案: