jquery - 使用 AJAX 成功函数来前置内容

Question

我正在使用 JQuery 和 AJAX 提交和处理表单。我想在处理表单（AJAX url:comment.php）中添加内容。我怎样才能做到这一点？我知道我将不得不使用 Success: function()。

我的 AJAX：

$.ajax({
    type: "POST",
    url: "comment.php",
    data: dataString,
    success: function () {
        //code to prepend the content from comment.php
    }
}); 

我的 Comment.php 文件：

//Some processing code

<p> Success!! </p>

谢谢！

Answer 1

您只需添加 PHP 脚本返回的任何内容：

$.ajax({  
    type: "POST",  
    url: "comment.php",  
    data: dataString,
    success: function(data) {
        $('#elementID').prepend(data); // prepends "hello kitty"
    }
});

评论.php

<?php
    // process form or whatever
    echo "hello kitty";
?>

请注意，PHP 文件的任何输出都将返回到 $.ajax

Answer 2

在 Comment.php 文件中：

<?php echo "<p> Success!! </p>"; ?>

在您的 ajax 函数中进行以下更改：

$.ajax({  
    type: "POST",  
    url: "comment.php",  
    data: dataString,
    success: function(resp) {
        $("#msg").prepend(resp);
    }
});

将以下 div 代码放在要显示消息的位置。

<div id="msg"></div>

Answer 3

您可以使用.prepend()方法将 html 内容添加到元素

$.ajax({  
    type: "POST",  
    url: "comment.php",  
    data: dataString,
    dataType: 'html',
    success: function(html) {
        //code to prepend the content from comment.php
        $('#myelement').prepend(html);
    }
});