Question

我有一个名为news的div。它包含一些PHP代码，主要是SQL查询。当我使用表单发布一些数据时，我希望我的新闻div能够刷新。

我尝试了一些不同的东西，但我无法让它发挥作用。

如果我添加success: $("#news").load(location.href + " #news")之类的内容，则会在news div中创建一个名为 news 的全新div。

这是我的jQuery代码。

的jQuery

    $(document).ready(function () {
    // process the form
    $('#new').submit(function (event) { // "new" is the id of my form

        // get the form data
        var formData = {
            'statustext': $("#statustext").val()
        };

        // process the form
        $.ajax({

            type: 'POST', // define the type of HTTP verb we want to use (POST for our form)
            url: '/modules/feed/process.php', // the url where we want to POST
            data: formData, // our data object
            dataType: 'json', // what type of data do we expect back from the server
            encode: true,
            success: alert(formData.statustext) // echoes the textarea input successfully, so I make sure that it works.
        })
    });
});

Answer 1

这样的东西？

success: function(data) {
  // data from the post request
  $('#news').html(data);
}

如果您的数据是html，否则您必须修改数据才能工作

Answer 2

如果您想在使用ajax后加载页面或某些 div ，则必须首先使用.load加载Jquery页面。

<div id="newsid"></div>

<script>
$(document).ready(function () {
   $("#newsid").load("newspage.php");
});
</script>

您可以使用 Jquery .load 获取newspage.php 在那之后，你的ajax就像这里：

$(document).ready(function () {
    // load first
    $("#newsid").load("newspage.php");

    // your ajax
    $('#new').submit(function (event) { // "new" is the id of my form
        // process the form
        $.ajax({
        // your code
        })

    //load again after submit ajax
    $("#newsid").load("newspage.php");

    });

});

ajax成功后jQuery加载div

2 个答案: