4407人阅读
这个没什么难度，其实说到底jsp也是一个servlet，只是我们不建议把业务的处理以及控制放在jsp里面，但是有时候项目中没办法，
必须得用到所以只能用jsp处理
下面是具体代码
初始的jsp中：
&&&form action=&& id=&form1&
&&&enctype=&multipart/form-data& method=&post&&
&&&文本1：
&&&&input type=&text& name=&text1& value=&文本1&&
&&&文件2：
&&&&input type=&text& name=&text2& value=&文本2&&
&&&文件1：
&&&&input type=&file& name=&file1&&
&&&文件2：
&&&&input type=&file& name=&file2&&
&&&文件3：
&&&&input type=&file& name=&file3&&
&&&&input type=&button& onclick=&tijiao()& value=&开始上传&&
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&);//这段代码是用于跳回原来页面的
&&& &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&
&&& &&div id=&imgDiv&&
&&& &&&img id=&img1&& src=''&&/img&&br&
&&& &&&img id=&img2& src=''&&/img&&br&
&&& &&&img id=&img3& src=''&&/img&&br&
&&& &&/div&
&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 = fileU
&document.getElementById(&img2&).src = fileUr2;
&document.getElementById(&img3&).src = fileUr3;
&//alert(&&%=basePath%&&);
这里面我没做任何的业务处理，只是实现了来回的跳转，具体的业务可以自己新增
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：539691次
积分：4435
积分：4435
排名：第5077名
原创：44篇
转载：44篇
评论：56条
(3)(1)(1)(3)(1)(2)(3)(1)(1)(4)(3)(3)(4)(9)(5)(1)(2)(2)(8)(12)(1)(2)(1)(4)(1)(1)(3)(7)&%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&&%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%&&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&&html&&HEAD&&TITLE&留学生系统&/TITLE&&META http-equiv=Content-Type content="text/ charset=GBK"&&SCRIPT language=JavaScript type=text/JavaScript&var XMLHttpReq = false;function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
}catch(e1){}
}}function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange = processR
XMLHttpReq.send(null);}function processResponse(){
if(XMLHttpReq.readyState == 4){
if(XMLHttpReq.status == 200){
var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.
window.alert(res);
document.myform.userid.value="";
document.myform.pwd.value="";
window.alert("你请求的页面有异常1");
}}function userCheck(){
var userid = document.myform.userid.
var pwd = document.myform.pwd.
if(userid == ""){
window.alert("用户名不能为空");
document.myform.pwd.value="";
document.myform.userid.focus();
return false;
sendRequest("login?userid="+userid);
}}function pwdCheck(){
var pwd = document.myform.pwd.
var pwd2 = document.myform.pwd2.
if(pwd!=pwd2){
window.alert("密码不一致");
document.myform.pwd.value="";
document.myform.pwd2.value="";
document.myform.pwd.focus();
return false;
}}&/SCRIPT&&LINK href="css/css.css" type=text/css rel=stylesheet&&/HEAD&
&table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" &
&td width="17%"&&img src="images/logo.jpg" width="124" height="101"&&/td&
&td width="558" height="101" background="images/banner.jpg"&&div align="center"&
&object classid="clsid:D27CDB6E-AE6D-11cf-96B8-" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="558" height="101"&
&param name="movie" value="images/2.swf"&
&param name="quality" value="high"&
&embed src="images/2.swf" quality="high" pluginspage="/go/getflashplayer" type="application/x-shockwave-flash" width="558" height="101"&&/embed&
&param name="wmode" value="transparent"&
&/div&&/td&
&td width="11%"&&table width="100%" border="0" cellpadding="0" cellspacing="0" &
&td height="30" class="style1"&&div align="center"&设为首页&/div&&/td&
&td height="30" class="style1"&&div align="center"&收藏本站&/div&&/td&
&td height="30" class="style1"&&div align="center"&联系我们&/div&&/td&
&/table&&/td&
&/tr&&/table&
&form method="post" action="control.jsp?action=register" name="myform"&
&table width="300" border="0" align="center" bgcolor="#F0F0F0"&
&td align="center"&用户名&/td&
&td&&input name="userid" type="text" size="20" onblur="userCheck()"&&/td&
&td align="center"&真实姓名&/td&
&td&&input name="username" type="text" size="20"/&&/td&
&td align="center"&性别&/td&
&input type="radio" name="sex" value="0" checked="checked"&男&
&input type="radio" name="sex" value="1"&女&
&td align="center"&密码&/td&
&td&&input name="pwd" type="password" size="20"/&&/td&
&td align="center"&密码确认&/td&
&td&&input name="pwd2" type="password" size="20" onblur="pwdCheck()"/&&/td&
&td align="center"&电子邮箱&/td&
&td&&input name="email" type="text" size="20"/&&/td&
&td align="center"&学校&/td&
&td&&input name="school" type="text" size="20"/&&/td&
&td align="center"&电话号码&/td&
&td&&input name="phonenum" type="text" size="20"/&&/td&
&td align="center"&&img border=0 src="image.jsp"&&/td&
&td&&input type=text name=in maxlength=4 size="8"&&/td&
&td align="center"&&input type="submit" value="确定" /&&/td&
&/body&&/html&
后台连接MySql数据库
packageimport java.sql.Cimport java.sql.SQLEimport javax.naming.InitialCimport javax.sql.DataSpublic class DBConfig{
public static boolean inited = false;
public static DataSource ds = null;
public static void Init()
InitialContext localInitialC
localInitialContext = new InitialContext();
ds = (DataSource)localInitialContext.lookup("java:/comp/env/jdbc/saDB");
inited = true;
catch (Exception exception)
System.err.println("DBConfig (): " + exception.getMessage());
exception.printStackTrace();
public static Connection getConn()
if (!(inited))
return ds.getConnection();
catch (SQLException localSQLException)
System.err.println("getConn ():" + localSQLException.getMessage());
localSQLException.printStackTrace(System.err);
return null;
接受request和回应response
LoginAction.java
packageimport java.io.IOEimport java.io.PrintWimport java.sql.ResultSimport java.sql.SQLEimport javax.servlet.ServletCimport javax.servlet.ServletEimport javax.servlet.http.HttpSimport javax.servlet.http.HttpServletRimport javax.servlet.http.HttpServletRpublic class LoginAction extends HttpServlet {
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
req.setCharacterEncoding("UTF-8");
String userid = req.getParameter("userid");
resp.setContentType("text/charset=UTF-8");
resp.setHeader("Cache-Control", "no-cache");
PrintWriter out = resp.getWriter();
out.println("&response&");
DB db = new DB();
String strSql = null;
strSql = "select * from users where user_id='" + userid + "';";
rs = db.executeQuery(strSql);
if(rs.next()){
out.println("&res&" + "用户名已存在" + "&/res&");
out.println("&res&&/res&");
}catch(SQLException e){
e.printStackTrace();
out.println("&/response&");
out.close();
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
super.doGet(req, resp);
public void init(ServletConfig config) throws ServletException {
// TODO Auto-generated method stub
注意编码最好是UTF-8,GBK会出错？（搞了一个晚上也没搞明白）
阅读(...) 评论()2013年10月 总版技术专家分月排行榜第三
2014年3月 Java大版内专家分月排行榜第一2014年1月 Java大版内专家分月排行榜第一2013年12月 Java大版内专家分月排行榜第一2013年11月 Java大版内专家分月排行榜第一2013年10月 Java大版内专家分月排行榜第一
2016年1月 Java大版内专家分月排行榜第二2015年12月 Java大版内专家分月排行榜第二2015年8月 Java大版内专家分月排行榜第二2015年3月 Java大版内专家分月排行榜第二2015年1月 Java大版内专家分月排行榜第二2014年12月 Java大版内专家分月排行榜第二2014年11月 Java大版内专家分月排行榜第二2014年6月 Java大版内专家分月排行榜第二2014年4月 Java大版内专家分月排行榜第二2014年1月 Java大版内专家分月排行榜第二2013年11月 Java大版内专家分月排行榜第二
2015年9月 Java大版内专家分月排行榜第三2015年6月 Java大版内专家分月排行榜第三2015年5月 Java大版内专家分月排行榜第三2015年2月 Java大版内专家分月排行榜第三2014年3月 Java大版内专家分月排行榜第三2013年12月 Java大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。您的网站因未备案或涉及违规被禁止访问，请及时联系实际接入商办理备案.如何在一个div中，通过ajax返回一个页面，页面内容在另一个div中显示？采用的springmvc返回jsp。-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
如何在一个div中，通过ajax返回一个页面，页面内容在另一个div中显示？采用的springmvc返回jsp。
来源：互联网 发表时间： 4:33:31 责任编辑：鲁晓倩字体：
为了帮助网友解决“如何在一个div中，通过ajax返回一个页面，页面内容在另一个div中显示？采用的springmvc返回jsp。”相关的问题，中国学网通过互联网对“如何在一个div中，通过ajax返回一个页面，页面内容在另一个div中显示？采用的springmvc返回jsp。”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:如何在一个div中，通过ajax返回一个页面，页面内容在另一个div中显示？采用的springmvc返回jsp。，具体解决方案如下：解决方案1：
&lt:一个是你定义好的显示页面的div.假如，把webcomm放入com1即可，我给忘了：&webcomm&div id=“com1”&&一个是你要放入上方div中的显示后的内容页面;ajax经过处理后，假如;div id=&quot？也就是com1中有webcomm。我记得是有个方法：com1.innerHTML = &webcomm&quot？你懂么;;具体方法怎么写，但是你要的效果应该是这样吧你定义2个div
解决方案2：
);#div1&quot.使用ajax 不能直接返回jsp页面.2.html(htmlStr). 因为jsp页面需要经过servlet处理后才能成为正常显示的html.将返回的html 显示到指定的div中.htmlStr 就是返回的html.ajax应该返回处理好的html: 如果div的id 是div1 那么$(&quot1
解决方案3：
$('#div2').load(url,function(){&&&&alert('loaded!');});
1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答1个回答
相关文章：
<a href="/cse/search?q=<inputclass="s-btn"type="submit"text="<inputclass="s-btn"type="submit"text="<buttonhidefocusclass="s-btnjs-ask-btn"text="我要提问
<a href="/cse/search?q=}