jsp中ajax表单提交到另外一个jsp再返回来

最新推荐文章于 2022-12-04 21:15:59 发布
最新推荐文章于 2022-12-04 21:15:59 发布
阅读量8.1k 收藏 4
点赞数
文章标签： ajax 表单提交 jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jimmy609/article/details/9491345
版权

这个没什么难度，其实说到底jsp也是一个servlet，只是我们不建议把业务的处理以及控制放在jsp里面，但是有时候项目中没办法，

必须得用到所以只能用jsp处理

 

下面是具体代码

 

初始的jsp中：

<body>
  <form action="" id="form1"
   enctype="multipart/form-data" method="post">
   文本1：
   <input type="text" name="text1" value="文本1">
   <br>
   文件2：
   <input type="text" name="text2" value="文本2">
   <br>
   文件1：
   <input type="file" name="file1">
   <br>
   文件2：
   <input type="file" name="file2">
   <br>
   文件3：
   <input type="file" name="file3">
   <br>
   <input type="button" οnclick="tijiao()" value="开始上传">
  </form>

 </body>

 

js代码：

function tijiao(){
   
   $.ajax( { 
                    type : "POST", 
                    url : "showImg.jsp", 
                    data: $('#form1').serialize(),  //整个表单提交
                    success : function(msg) {
                     alert(111)
                    } 
                });  
   
  }

 

所要跳转的jsp：

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

response.getWriter().print("true");//这段代码是用于跳回原来页面的
%>


<html>
  <head>

   
    <title>My JSP 'showImg.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">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>

  </head>
 
  <body>
    
     <div id="imgDiv">
      <img id="img1"  src=''></img><br>
      <img id="img2" src=''></img><br>
      <img id="img3" src=''></img><br>
     </div>
  </body>
</html>
<script language="javascript" type="text/javascript">
 
 var fileUrl = "../"+"<%=request.getParameter("fileURL1")%>" ;
 var fileUr2 = "../"+"<%=request.getParameter("fileURL2")%>" ;
 var fileUr3 = "../"+"<%=request.getParameter("fileURL3")%>" ;
 //alert(fileUrl+"+"+fileUr2+"+"+fileUr3)
 document.getElementById("img1").src = fileUrl;
 document.getElementById("img2").src = fileUr2;
 document.getElementById("img3").src = fileUr3;
 //alert("<%=basePath%>");

</script>

 

 

这里面我没做任何的业务处理，只是实现了来回的跳转，具体的业务可以自己新增

 

 

咖啡加糖_
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax怎么将数据传到另外一个页面,用js把数据从一个页面传到另一个页面
weixin_31716637的博客
08-05 6137
用js把数据从一个页面传到另一个页面的层里?如果是传到新页面的话，你网站基于什么语言开发直接用get或者post获取，然后输出到这个层通过url传参如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就document.getElementById("s").innerHTML=window.location.s...
jsp中上传图片(使用ajaxfileupload)
杨名天吓
08-30 2万+
jsp中无刷新上传图片(前台使用jquery+ajaxfileupload),后台用commons-fileupload处理 需求:前台选择图片，页面显示上传后的图片地址 代码一:ajaxUploadImg.jsp 请百度搜索，并下载jquery.js 及 ajaxfileupload.js <% String path = request.getContextPath
jsp 上传文件及实体信息，ajax post 请求(formdata)报错400＜======＞前后端代码示例
Be_insighted的博客
12-04 1605
零基础后端工程视编写前端代码摸爬滚打记！jsp 上传文件及实体信息，ajax post 请求(formdata)报错400前后端代码示例
ajax+jsp通过post请求后台数据的简单应用
code_aJack的博客
10-30 3404
ajax的post请求后台数据的简单应用 首先，先在Java里创建你的实体类-JavaBean package com.entity; public class Admin { private int id; private String name; private String real_name; private String password; private String da...
ajax跳转到新的jsp页面的方法
01-21
ajax可以实现局部刷新页面，即在不刷新整个页面的情况下更新页面的局部信息。 项目中遇到一个问题：在用户列表也，当点击某个按钮时需要去查询用户的信息，查询成功跳转到用户详情界面；查询失败，则在原页面弹出提示信息。 想到两个解决办法： 方法一： 点击按钮，调用普通方法去查询用户信息，查询成功跳转到用户详情页面；查询失败，重定向调用查询用户列表的方法，在查询用户列表的方法结束后重新跳转到用户列表页面并弹出提示信息，相当于重新加载了用户列表页面。 方法二： 根据需求，不可以重新加载用户列表页面。用ajax调用查询用户详情的方法，查询成功返回用户Json串，查询失败则返回error。 后
jquery ajax 如何向jsp提交表单数据
11-23
Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是form提交（和平常一样在后台可以获取到Form表单的值）。在所要提交的表单中，如果元素很多的话建议用第二种方式进行提交，当然你要是想练
jquery ajax提交表单从action传值到jsp实现小结
10-27
pw.print(random);这里的random就是action要向jsp传的值，在jsp中，success: function(text)这里的text就是接收从action传过来的值，感兴趣的朋友可以参考下哈
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
在JSP中，当一个FORM表单中只有一个INPUT文本输入框时，用户按下回车键，浏览器会默认触发表单的提交动作。这是因为浏览器的默认行为：在一个只有一个单行文本输入域（type="text"）的表单里，按下回车键会模拟点击...
ajax url请求路径问题
但为学习故
03-11 7731
$.ajax({ type:"post", url:"/getRooms", async:true, contentType:"json", dataType:"json", contentType:"application/json;charset=utf-8", data:"", success:function(data){ co...
jsp用ajax,在jsp中运用ajax(简单入门)
weixin_34043312的博客
08-05 3102
由于ajax(动态网站静态化)为我们带来太多的好处，所以在很多应用中我们都会优先选择这种技术，于是我也为之所吸引，现跟大家分享下一个简单的入门例子。regist.jsp(SUN企业级应用的首选)文件：一个简单的注册页面%>注册页面用户名：一级密码：js文件源代码如下：(ajax(动态网站静态化).js)//定义xml(标准化越来越近了)HttpRequest对象实例var http_requ...
171202之ajax提交整个form表单(一)
a3060858469的博客
12-02 8632
简介： ajax提交form表单在项目中经常用到，前台无论是简单的html、jsp或者使用了easyui框架，提交表单都会使用到ajax。总的来说，ajax提交表单可以分为两种，一种是无返回结果的，就是把表单数据提交给后台，后台处理完就完了；另一种就是返回有结果的，后台执行成功或者失败的信息需要返回到前台。1：无返回结果的 最简单的就是$(“#formid”).submit();直接将form
form表单AJAX提交
热门推荐
bug大牛的博客
03-20 4万+
参考文章： http://blog.csdn.net/qq_28877125/article/details/75907422 http://blog.csdn.net/it_cookie_sam/article/details/52722881 一般来说form表单提交在前期学习，会是这个样子的 原来的form格式 form action="xxx" method="g
ajax请求的url可以是action，也可以是jsp、html
chenshoumo1978的博客
08-23 963
一般我们请求的url是action，然后action返回一个jsp，此时请求的datatype是html，同样我们可以直接的请求一个url是jsp，其实他返回的就是一个jsp，只不过我们并没有经过action，代码如下： <divclass="col-sm-9"id="to_pag...
html ajax访问jsp页面,ajax请求jsp返回了整个页面(ajax+jsp)
weixin_39767887的博客
06-03 809
前端使用ajax向jsp页面请求xmlHttp = new XMLHttpRequest();url = "AjaxServer.jsp";var uname = document.getElementById("name").value;var pwd = document.getElementById("pwd").value;xmlHttp.open("POST", url, true);x...
JSP AJAX之Form序列化登录体验
张晨光老师的播客
11-23 2123
package web; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; impo
ajax提交java表单_ajax提交form表单方法
weixin_39693662的博客
02-26 227
AJAX提交form表单方法AJAX提交form表单，这在日常项目中是经常用到的。前台无论是简单的html、jsp或者使用了easyui框架，只要是提交表单一般都会使用到AJAX。AJAX提交表单分为两种1、无返回结果的，就是把表单数据直接提交给后台，让后台直接处理；最简单的就是$(“#formid”).submit();直接将form表单提交到后台。2、返回有结果的，这种情况下，后台不管是执行成...
jsp一个表单提交多个图片上传服务器，路径保存到数据库
最新发布
03-24
您可以使用HTML5的FormData对象来实现多文件上传，然后使用Ajax将数据发送到服务器。在服务器端，您可以使用Java的Servlet来处理上传的文件，并将文件路径保存到数据库中。以下是一个简单的示例代码： HTML代码： ```html <form id="myForm" enctype="multipart/form-data"> <input type="file" name="file1"> <input type="file" name="file2"> <input type="button" value="Upload" onclick="uploadFiles()"> </form> ``` JavaScript代码： ```javascript function uploadFiles() { var form = document.getElementById("myForm"); var formData = new FormData(form); var xhr = new XMLHttpRequest(); xhr.open("POST", "uploadServlet", true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { alert(xhr.responseText); } }; xhr.send(formData); } ``` Java代码： ```java @WebServlet("/uploadServlet") @MultipartConfig public class UploadServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String file1Path = saveFile(request.getPart("file1")); String file2Path = saveFile(request.getPart("file2")); // 将文件路径保存到数据库中 // ... response.getWriter().write("Files uploaded successfully!"); } private String saveFile(Part part) throws IOException { String fileName = getFileName(part); String filePath = "C:/uploads/" + fileName; part.write(filePath); return filePath; } private String getFileName(Part part) { String contentDisposition = part.getHeader("content-disposition"); String[] tokens = contentDisposition.split(";"); for (String token : tokens) { if (token.trim().startsWith("filename")) { return token.substring(token.indexOf("=") + 2, token.length() - 1); } } return ""; } } ``` 请注意，此示例代码仅供参考，您需要根据自己的需求进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值