ssm + ajax过程中遇到的问题

原创 2015年11月18日 17:04:58

好几年没有搞过web项目了,最近公司要搞个web项目,于是采用了ssm+ajax+html5,问题不少先记个比较经典的问题吧


问题1:html文件中的静态资源无法访问(下面红色标记的部分无法访问)

问题2:ajax代码的url部分无法访问(下面红色标记的部分无法访问)


看一下html文件

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>SignUp Form</title>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.formvalidation.js"></script>
<link href="css/Form.css" rel="stylesheet">

<script type="text/javascript">
function ajax() {
$.ajax({
//要用post方式      
type : "POST",
//方法所在页面和方法名      
url : "user/testUser",
success : function(data) {
//返回的数据用data.d获取内容      
alert(data.d);
},
error : function(err) {
alert(err);
}
});

//禁用按钮的提交      
return false;
}
</script>
</head>


看一下web.xml的DispatcherServlet的映射

<servlet-mapping>
<servlet-name>springMVC</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>

嗯,很经典的设置,设置全部拦截。 

再看一下springMVC的静态资源配置项

<mvc:resources mapping="/img/**" location="/img/" />
<mvc:resources mapping="/js/**" location="/js/" />
<mvc:resources mapping="/css/**" location="/css/" />
<mvc:resources mapping="/html/**" location="/html/" />

也是很经典的设置


controller代码:

@Controller
@RequestMapping("/user")
public class UserController {

@RequestMapping("/testUser")
public void testUser(HttpServletRequest request, HttpServletResponse response) {

//方法内容


一切没有什么特别的,但是会出现上述两个问题(这个问题好像很多人遇到,也有很多解答)

上网各种找答案,一遍又一遍的试......                                                                            没有结果


看来网上的答案对我的这个问题没有什么实质性的帮助,自己来吧

打开浏览器的调试功能看看问题出在什么地方?看一下截图


这是第一个问题的截图:not found 没有找到,也就是被服务器过滤了请求。       为什么在springMVC静态资源配置里设置了那么多的项还会被过滤了呢???

不急看一下第二个问题的截图


也是not found 没有找到,这是为什么呢???


答案揭晓:

眼尖的同学可能已经发现了,每个请求中都有,我在代码里没有加html啊怎么会突然多了呢?

想了一下明白了,我的页面是在目录html里存放着的,所以每个请求中都有了 /html/ 。这回好改了把/html/去掉就可以了

怎么改?这个很简单就是把相对路径给全就ok了,看一下修改后的页面代码

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>SignUp Form</title>
<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../js/jquery.formvalidation.js"></script>
<link href="../css/Form.css" rel="stylesheet">

<script type="text/javascript">
function ajax() {
$.ajax({
//要用post方式      
type : "POST",
//方法所在页面和方法名      
url : "../user/testUser",
success : function(data) {
//返回的数据用data.d获取内容      
alert(data.d);
},
error : function(err) {
alert(err);
}
});
//禁用按钮的提交      
return false;
}
</script>
</head>

还是红色部分,与之前的红色部分代码都多了../的相对父级路径标识,ok问题解决了



希望这段记录能够帮到,该问题困扰的你




SSM整合jsp使用Ajax时,success获取不到controller类的返回值

jsp页面使用ajax但是Ajax的success却接收不到controller类方法的返回值。却一直执行Ajax的error。 下面是controller类里面删除的方法↓ 不成功...
  • bx646574424
  • bx646574424
  • 2017年05月25日 11:00
  • 627

使用ssm框架 通过ajax异步提交数据具体实现方法

以前是一名php开发人员,最近公司开始一个java开发的erp项目,从新学起的感觉倍爽,各种问题各种遇到,从通过ajax异步提交数据具体实现方法这里开始,以后在博客上慢慢呈现,话不多说,下面就是我通过...
  • xu947520727
  • xu947520727
  • 2017年03月23日 16:56
  • 4701

SSM项目练习——AJAX整体提交form

在练习项目时候,发现一个问题,ajax怎么提交form表单呢?这个貌似很简单,但是如果表单数据很多怎么办?为了提高工作效率,我们会想到整体提交,有这样的方法: 方法一:用FormData方法: v...
  • weixin_41113108
  • weixin_41113108
  • 2017年12月05日 11:34
  • 81

SSM框架---二手教材交易系统之用户登录(包括表单提前验证,ajax)

用户登录的逻辑:  1.用户填写用户名后,先检验该用户名是否在数据库中存在(用户名唯一),若不存在,则页面显示不存在,需重新输入;若存在,输入密码后验证密码是否正确。  2.验证验证码是否正确。 ...
  • yuexianchang
  • yuexianchang
  • 2016年11月23日 09:12
  • 3875

ssm框架后台未成功接受到前台form表单传入数据问题

在ssm框架中,通过id查询数据,通过name绑定pojo实体类取值。 错误的例子: 物品种类: value="${itemKind}" type="text"> 固定资产 低值易耗品 公杂品 ...
  • manshi_it
  • manshi_it
  • 2016年09月24日 15:22
  • 4403

ssm中ajax传值实例

前台:jsp页面中 //禁用账号 function useDisable(id){ $.ajax({ t...
  • tonyfreak
  • tonyfreak
  • 2017年01月07日 11:54
  • 3051

ssm前台向后台传值,后台接收

今天记录一下,以防以后忘记,做重复劳动。 url: http://localhost:8080/juiceStage2/user/delete/admin @RequestMapping(...
  • yipanbo
  • yipanbo
  • 2015年06月24日 10:23
  • 10380

SSM框架 用ajax实现模糊查询分页和列表

主要使用ajax实现模糊查询分页和列表 三者合一 代码部分
  • Maple3321
  • Maple3321
  • 2017年06月29日 18:53
  • 1866

基于SSM框架的增删改查Ajax分页模糊查询(有Mysql数据库)

  • 2017年06月26日 14:19
  • 9.18MB
  • 下载

Ajax之在SSM中的json用法

问题?Ajax之在SSM中的json用法 1.问题   这个问题是在总项目的时候遇到的问题,在SSM框架中使用json数据,和在S2SH中使用json大不相同,不能作为同一种来用,在S2SH中如何...
  • Mr_li13
  • Mr_li13
  • 2016年06月11日 15:18
  • 15876
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ssm + ajax过程中遇到的问题
举报原因:
原因补充:

(最多只允许输入30个字)