html部分

圖片發(fā)自簡書App

*例1

圖片發(fā)自簡書App

jQuery 代碼

<script type="text/javascript">
$(function(){
$("#send").click(function(){
$.get("get1.php", {
username : $("#username").val() ,
content : $("#content").val()
}, function (data, textStatus){
$("#resText").html(data);// 把返回的數(shù)據(jù)添加到頁面上
}
);
})
})
*例2

圖片發(fā)自簡書App

jQuery 代碼

<script>
$(function(){
$('#send').click(function(){
$.get("get2.php",{
username : $('#username').val(),
content : $('#content').val()
},function(data,textStatus){
var username = $(data).find('comment').attr('username');
var content = $(data).find("comment content").html();
var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>";
$("#resText").html(txtHtml); // 把返回的數(shù)據(jù)添加到頁面上
})
})
})
</script>

*例3

圖片發(fā)自簡書App

jq代碼
<script>
$(function(){
$('#send').click(function(){
$.get("get3.php",{
username : $('#username').val(),
content : $('#content').val()
},function(data,textStatus){
var username = data.username;
var content = data.content;
var textHTML = $('<div><h6>'+username+':</h6>'+content+'</div>');
$('#resText').html(textHTML);
},"json");
})
})
</script>

最終效果圖

圖片發(fā)自簡書App