一个简单的JQuery的AJAX示例
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function () {
$("#send").click(function () {
$.get("AjaxQuery.htm", {
username : $("#username").val(),
content : $("#content").val()
}, function (data, textStatus) {
debugger;
$("#resText").html(data);
});
});
})
</script>
</head>
<body>
<form id="form1" action="#">
<p>评论:</p>
<p>姓名:<input type="text" name="username" id="username" /></p>
<p>内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="提交" /></p>
<div class="comment">已有评论:</div>
<div id="resText"></div>
</form>
</body>
</html>
其中AjaxQuery.htm为空,里面没有任何代码。为什么执行后,没有什么反应。调试时,data值为空,但username和content 里面都有值。 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function () {
$("#send").click(function () {
$.get("AjaxQuery.htm", {
username : $("#username").val(),
content : $("#content").val()
}, function (data, textStatus) {
debugger;
$("#resText").html(data);
});
});
})
</script>
</head>
<body>
<form id="form1" action="#">
<p>评论:</p>
<p>姓名:<input type="text" name="username" id="username" /></p>
<p>内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="提交" /></p>
<div class="comment">已有评论:</div>
<div id="resText"></div>
</form>
</body>
</html>
其中AjaxQuery.htm为空,里面没有任何代码。为什么执行后,没有什么反应。调试时,data值为空,但username和content 里面都有值。 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询