如何使用 ajax 和 javascript 将参数传递给控制器

How to pass parameters to controller using ajax and javascript?

本文关键字:参数传递 控制器 javascript 何使用 ajax      更新时间:2023-09-26

我正在尝试使用带有javascript的Ajax从购物车中删除商品,但是在将参数传递给控制器时遇到问题。控制器中的参数为空。

我的JavaScript代码如下所示:

function removeRow(itemId, rowID){
        if (xmlHttp == null)
        {
            alert("Your browser does not support AJAX!");
            return;
        }
        var query = "action=remove&item=" + itemId;
        /* alert(query); */
        xmlHttp.onreadystatechange = function stateChanged()
        {
            if (xmlHttp.readyState == 4)
            {
                var row = document.getElementById(rowID);
                row.parentNode.removeChild(row);
            }
        };
        xmlHttp.open("GET", "addTo.htm", true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.send(query);
        return false; 
        /* var row = document.getElementById(rowID);
        row.parentNode.removeChild(row); */

}

我的控制器代码如下所示:

@Controller
@RequestMapping("/addTo.htm")
public class AddToController{
    @RequestMapping(method=RequestMethod.GET)
    protected ModelAndView handleRequestInternal(HttpServletRequest request, HttpServletResponse response) throws Exception {
        HttpSession session = request.getSession();
        String action = request.getParameter("action");
        System.out.println(action);
        ModelAndView mv = new ModelAndView();
        ArrayList<Item> cart;
        if(action.equals("remove")){
            System.out.println("cart size is" + cart.size());
            Long itemId = Long.parseLong(request.getParameter("item"));
            ItemDAO itemDao= new ItemDAO();
            Item item = itemDao.get(itemId);
            cart.remove(item);
            System.out.println(cart.size());
        }
        return mv;
    }
}

操作和项在控制器中为 null。

任何人都可以帮助解决这个问题吗?

您要发送 GET 请求,因此请将参数作为查询添加到 URL 之后:

xmlHttp.open("GET", "addTo.htm?" + query, true);

并在调用 .send 方法时传入 null(而不是查询字符串):

xmlHttp.send(null);

此外,"application/x-www-form-urlencoded"标头仅在发送序列化参数但使用 POST 时使用,因此请删除xmlHttp.setRequestHeader行。

更多信息: https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started