Jquery ui 使用jquery的Jsp ajax调用
我有一个代码片段,其中我将数据传递给另一个jsp文件 JavascriptJquery ui 使用jquery的Jsp ajax调用,jquery-ui,jquery,jquery-plugins,Jquery Ui,Jquery,Jquery Plugins,我有一个代码片段,其中我将数据传递给另一个jsp文件 Javascript $(document).ready(function() { $("#click").click(function() { name = $("#name").val(); age = $("#age").val(); $.ajax({ type : "POST", url : "pageTwo.jsp",
$(document).ready(function() {
$("#click").click(function() {
name = $("#name").val();
age = $("#age").val();
$.ajax({
type : "POST",
url : "pageTwo.jsp",
data : "name=" + name + "&age=" + age,
success : function(data) {
$("#response").html(data);
}
});
});
});
HTML
<body>
Name:<input type="text" id="name" name="name">
<br /><br />
Age :<input type="text" id="age" name="age">
<br /><br />
<button id="click">Click Me</button>
<div id="response"></div>
</body>
姓名:
年龄:
点击我
在pageTwo.jsp中,我的代码是
<%
String name = request.getParameter("name");
String age = request.getParameter("age");
out.println(name + age);
%>
但这不起作用。我的Jquery中有错误吗?有人能帮我吗
$("#click").click(function(e) {
// e.preventDefault();
...
return false;
});
当然,安装firebug或使用chrome默认开发工具(f12)。打开控制台并运行代码。为什么需要“return false;”?这是可行的,但我不明白为什么。“returnfalse”停止任何默认操作。假设“#click”是一个链接,那么现在当您单击它时,它会将您重定向到某个页面(href url),现在如果您有“return false”,它将不会执行浏览器默认操作。“returnfalse”您需要将代码的末尾放在回调中。您还可以使用“e.preventDefault();”,您可以将其放在回调函数中代码的顶部。
$(document).ready(function () {
$("#click").click(function () {
name = $("#name").val();
age = $("#age").val();
$.ajax({
type: "POST",
url: "pageTwo.jsp",
data: "{'name':'" + name + "','age':'" + age + "'}",
contentType: "application/json",
async: false,
success: function (data) {
$("#response").html(data.d);
}
});
});
});