こんにちは私は春の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
ユーザーをリストに追加する簡単なAJAXJQueryの例を実行しようとしていますが、フォームの追加ボタンを押すとエラーが発生します
これは私のコントローラークラスです:
@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>
XMLを使用せずにJavaベースの構成を使用しているため、MvcConfigurationクラス
@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;
}
}
編集:私は自分が抱えているエラーを知るためだけに新しいプロジェクトを開始し、アプリケーションの春のセキュリティを削除しますが、それでも何が悪いのかを理解することができます。
1)私は実際に春のセキュリティを削除しません私はちょうど私のURLの問題を解決しようとするために新しいプロジェクトを開始します
2)ajaxスクリプトでコントローラーとURL属性を変更します
新しいRequestMappingコントローラー:
@RequestMapping(value="AddUser",method=RequestMethod.GET)
value = "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]
コメントを追加