简单的Ajax示例
<body>
<form action="#" id="form1">
<p>评论：</p>
<p>姓名：<input type="text" name="username" id="username" /></p>
<p>内容：<textarea name="content" id="content" cols="20" rows="2"></textarea></p>
<p><input type="button" id="send" value="提交"/></p>
</form>
<div class="comment">已有评论</div>
<div id="resText">
</div>
<script src="script/jquery-2.1.4.js"></script>
<!--
$.get()方法
结构为：$get(url[,date][,callback][,type])
第一步：使用参数，确定请求页面的url地址。
-->
<script>
$(function(){
$("#send").click(function(){
$.get("test.html",{ //确定请求页面的url（test.html页面需要提前定义）
username:$("#username").val(), //体检前先获取“姓名”和“内容”的值作为data参数传递给后台
content:$("#content").val()
},function(data,textStatus){ //回调函数(textStatus：请求状态：success、error、notmodified、timeout)
$("#resText").html(data); //将返回的数据添加到页面上
});
})
})
</script>
</body>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
