使用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

可以使用.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); 
    } 
}); 

Answer 2

你只是在前面加上什麼的PHP腳本返回：

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

Comment.php

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

請注意，PHP文件的任何輸出都將返回到$ .ajax

Answer 3

在Comment.php文件

：要顯示的消息

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

放下面的div代碼：

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

化妝之後改變你的Ajax功能。

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