jsp用ajax提交form表单

LatteTea 2017-09-08 08:12:41

没接触过ajax，找了网上的例子试了下。但点了提交没有值传回来，不知道哪里出错了，想做成这个效果的

show.jsp的代码：
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'show.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript" src="jquery-1.3.2.min.js">
function doFind(){
$.ajax({
cache: true,
type: "POST",
url:"ajax.jsp", //把表单数据发送到ajax.jsp
data:$('#ajaxFrm').serialize(), //要发送的是ajaxFrm表单中的数据
async: false,
error: function(request) {
alert("发送请求失败！");},
success: function(data) {
$("#ajaxDiv").html(data); //将返回的结果显示到ajaxDiv中
}
});
}</script>
</head>

<body>
<form id="ajaxFrm" >
<input type="text" name="name">
<input type="button" onClick="doFind();" value="调用一下ajax" >
</form>
<div id="ajaxDiv"></div>
</body>
</html>

ajax.jsp的代码：
<body>
<%
String userName = request.getParameter("name");
if(userName!=null){
userName = new String(userName.getBytes("ISO-8859-1"), "utf-8");//解决乱码的问题
}
String returnString = "";
returnString="你好，" + userName;
out.print(returnString); %>
</body>

...全文

1804 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_40711900 2017-10-20

打赏
举报

ajaxo1.jsp <html> <head> <title>My JSP 'show.jsp' starting page</title> <meta charset="UTF-8"> <script type="text/javascript" src="jquery-2.2.3.min.js" ></script> <script> function doFind(){ $.ajax({ cache: true, type: "POST", url:"ajax02.jsp", //把表单数据发送到ajax.jsp data:$('#ajaxFrm').serialize(), //要发送的是ajaxFrm表单中的数据 async: false, error: function(request) { alert("发送请求失败！");}, success: function(data) { $("#ajaxDiv").html(data); //将返回的结果显示到ajaxDiv中 }}); }</script> </head> <body> <div id="ajaxDiv"> <form id="ajaxFrm" > <input type="text" name="name"> <input type="button" onClick="doFind();" value="调用一下ajax" > </form> </div> </body> </html> ajax02.jsp <html> <head> <meta charset="UTF-8"> </head> <body> <body> <% String userName = request.getParameter("name"); if(userName!=null){ userName = new String(userName.getBytes("ISO-8859-1"), "utf-8");//解决乱码的问题 } String returnString = ""; returnString="你好，" + userName; out.print(returnString); %> </body> </body> </html> 牛哥为什么我吧你的代码简缩一下乱码了修不好请指教

LatteTea 2017-09-11

打赏
举报

LatteTea 2017-09-11

打赏
举报

引用 6 楼 Mr_Rohwei 的回复:

你的js没用<script>标签包起来？

引用 7 楼 wang_gan_7889 的回复:

我也觉得是这样,引用没有结束标记,js没用<script type="text/javascript"></script>包起来改成这样 .... <script type="text/javascript" src="jquery-1.3.2.min.js" /> <script type="text/javascript"> function doFind(){ .... } </script> ....

原来是这样啊，改出来啦，谢谢两位大神

江河君 2017-09-11

打赏
举报

我也觉得是这样,引用没有结束标记,js没用<script type="text/javascript"></script>包起来改成这样 .... <script type="text/javascript" src="jquery-1.3.2.min.js" /> <script type="text/javascript"> function doFind(){ .... } </script> ....