Question

您好我正在尝试使用ajax刷新我的页面。这是代码：

<script>
    function reld_email_posts() {
        $("#loading").fadeIn();
        $.ajax({
        type: "POST",
        url: "xpostings.php",
        data: dataString,
        success: function(){
            $("#loading").fadeOut();
        }
    }   
</script> 

    <input type="button" name="" id="" onclick="reld_email_posts()" value="Refresh Records" />

它朝向正确的方向，但需要更多。有人知道如何使用ajax刷新我的页面吗？

Answer 1

你的成功函数对从url收到的数据没有任何作用，但它只是淡化了loading元素。您需要接受并处理成功函数中返回的数据...

    success: function(data){
        // do something with data here...
        // eg... $('#someDiv').html(data)
        $("#loading").fadeOut();
    }

如果您想刷新整个页面：Redirect from an HTML page

Answer 2

假设你的ajax调用正在返回HTML，我会做类似以下的事情。请记住，它不会刷新整个页面，但会重新填充“加载”HTML元素的内容。话虽这么说，你需要一个HTML元素，如div，以填充响应数据。只需确保加载div保存页面上的所有内容，您就可以感受到整页刷新而无需实际刷新页面。

<div id="loading"></div>

function reld_email_posts() {
        $("#loading").fadeOut();
        $.ajax({
        type: "POST",
        url: "xpostings.php",
        data: dataString,
        success: function(data){
            $("#loading").empty().append(data);
            $("#loading").fadeIn();
        }
    }

使用jquery ajax刷新页面不起作用

2 个答案: