个人中心
gpt4 book ai didi

java - 简单的 AJAX JQuery 示例给了我 500 内部服务器错误

转载 作者：行者123 更新时间：2023-12-02 04:59:24 25 4
gpt4 key购买 nike

嗨，我正在一个 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 类:

@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) 我更改了我的 Controller 和 ajax 脚本中的 URL 属性

新的 RequestMapping Controller :

 @RequestMapping(value="AddUser",method=RequestMethod.GET)

我删除了 value="AddUser"中的“/”

我的任何 Controller 中都没有“/”，如果在 Controller 中放入“/”，我也会遇到相同的 500 内部服务器错误

最佳答案

这可能是因为 Java 配置中默认启用了 CSRF 保护。尝试您的配置...

@Override
protected void configure(HttpSecurity http) throws Exception {
    http
        // ...
        .csrf().disable();
}

请告诉我这是否有效。

编辑**

要在 AJAX 请求中包含 CSRF token ，如果您使用 JSON，则需要将其放在 http header 中。示例 JSP 示例通常是...

<html>
<head>
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
</head>

然后在您的 JavaScript 调用中，获取此参数并将其添加到 XMLHttpRequest 的 header 中。

希望这有帮助。

Further reading

关于java - 简单的 AJAX JQuery 示例给了我 500 内部服务器错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28434963/

25 4 0
文章推荐： Java输入: Scanner or IOException
文章推荐： excel - 如何将 Excel/OpenOffice/LibreOffice 图表导出为 SVG？
文章推荐： c++ - 比较 std::string 和 C 样式字符串文字
文章推荐： Java - Selenium WebElement isDisplayed() 方法不可用
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com