html部分

jQuery 引入get方法的ajax

*例1

jQuery 引入get方法的ajax

jQuery 代码

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

jQuery 引入get方法的ajax

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); // 把返回的数据添加到页面上
})
})
})
</script>

*例3

jQuery 引入get方法的ajax

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>

最终效果图

jQuery 引入get方法的ajax