嗨,我在Spring MVC项目中工作,当我按表单中的按钮时出现此错误
500 (Internal Server Error) jquery.min.js:6
x.ajaxTransport.x.support.cors.e.crossDomain.send jquery.min.js:6
x.extend.ajax AddUser:19
doAjaxPost AddUser:41
onclick
我正在尝试做一个简单的AJAX JQuery示例,该示例将用户添加到列表中,但是当我在表单中按添加按钮时出现该错误
这是我的控制器类:
@Controller
public class UserListController {
private List<User> userList = new ArrayList<User>();
@RequestMapping(value="AddUser",method=RequestMethod.GET)
public String showForm(){
return "AddUser";
}
@RequestMapping(value="AddUser",method=RequestMethod.POST)
public @ResponseBody String addUser(@ModelAttribute(value="user") User user, BindingResult result )
{
String returnText;
if(!result.hasErrors())
{
userList.add(user);
returnText = "User has been added to the list. Total number of users are " + userList.size();
}
else
{
returnText = "Sorry, an error has occur. User has not been added to list.";
}
return returnText;
}
@RequestMapping(value="ShowUsers")
public String showUsers(ModelMap model)
{
model.addAttribute("Users", userList);
return "ShowUsers";
}
}
这是我的AddUser.jsp页面
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Add Users using ajax</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- <script src="resources/js/libs/jquery-2.0.2.min.js"></script> -->
<script type="text/javascript">
function doAjaxPost() {
// get the form values
var name = $('#name').val();
var education = $('#education').val();
$.ajax({
type: "POST",
url: "AddUser",
data: "name=" + name + "&education=" + education,
success: function(response){
// we have the response
$('#info').html(response);
$('#name').val('');
$('#education').val('');
},
error: function(e){
alert('Error: ' + e);
}
});
}
</script>
</head>
<body>
<h1>Add Users using Ajax ........</h1>
<table>
<tr><td>Enter your name : </td><td> <input type="text" id="name"><br/></td></tr>
<tr><td>Education : </td><td> <input type="text" id="education"><br/></td></tr>
<tr><td colspan="2"><input type="button" value="Add Users" onclick="doAjaxPost()"><br/></td></tr>
<tr><td colspan="2"><div id="info" style="color: green;"></div></td></tr>
</table>
<a href="/views/ShowUsers">Show All Users</a>
</body>
</html>
和我的MvcConfiguration类,因为我使用的是基于Java的配置,而不使用XML
@EnableWebMvc
@Configuration
@ComponentScan(basePackages = { "controllers" })
public class MvcConfig extends WebMvcConfigurerAdapter
{
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
}
@Override
public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
configurer.enable();
}
// JSP VIEW-RESOLVER
@Bean
public InternalResourceViewResolver jspViewResolver() {
InternalResourceViewResolver bean = new InternalResourceViewResolver();
bean.setOrder(2);
bean.setPrefix("/WEB-INF/views/");
bean.setSuffix(".jsp");
return bean;
}
}
编辑:我只是为了试图知道我有什么错误而启动了一个新项目,我删除了我应用程序中的spring secuirty,但我仍然可以找出问题所在。
1)我实际上并没有删除Spring Security,我只是开始一个新项目来尝试解决我的URL问题
2)我在ajax脚本中更改控制器和URL属性
新的RequestMapping控制器:
@RequestMapping(value="AddUser",method=RequestMethod.GET)
我删除了值=“ AddUser”中的“ /”
如果在控制器中放置“ /”,我的任何控制器中都没有“ /”,我也有相同的500内部服务器错误
这可能是由于Java配置中默认启用的CSRF保护。尝试配置...
@Override
protected void configure(HttpSecurity http) throws Exception {
http
// ...
.csrf().disable();
}
让我知道这个是否奏效。
编辑**
要将CSRF令牌包含在AJAX请求中,如果您使用的是JSON,则需要将其放在http标头中。示例JSP示例通常是...
<html>
<head>
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
</head>
然后在您的javascript调用中,获取此参数并将其添加到XMLHttpRequest的标头中。
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句