Spring MVC后端Ajax交互5法详解：实战与JSON对象传递

在本文档中，作者总结了Spring MVC框架下前端与后端进行Ajax交互的五种常见方法。这些方法适用于基于前端DHTMLX Grid的用户界面和后端Fastjson的处理。以下是每种交互方式的详细描述： 1. **URL传参**: 前端通过动态生成URL，附加查询参数如`/auth/getUser?userid='6'`来请求数据。服务器端可以接收这些参数并定义一个接受字符串参数的方法，例如`getUser(String userid)`。这种方法适合传递简单参数，但不支持复杂对象。 2. **单值传参**: 前端使用`ajaxPost`函数发送POST请求，如`ajaxPost("/base/user/exchangeSort", {"id": rid, "otherid": otherid}, ...)`。服务器端需实现一个接收两个字符串参数的接口，如`public String exchangeSort(String id, String otherid)`，用于处理请求。 3. **对象传参**: 这种方式传递的是一个完整的对象。前端构建对象（如`var org = {id: id};`），然后通过POST请求将对象作为参数，如`ajaxPost("/base/org/getOrgById", org, ...)`。服务器端需要相应地接收一个实例化的对象，如`public Org getOrgById(Org org)`。 4. **对象序列化传参**: 当需要传递的对象结构更复杂时，可以先序列化对象为JSON字符串。前端创建对象，填充数据，如`var user = {id: rowId, ...}`，然后使用`JSON.stringify(user)`将其转换为字符串，再发送到服务器。例如，`ajaxPost("/base/user/findById", {"userObj": JSON.stringify(user)}, ...)`。服务器端需解析这个JSON字符串，如`public User findById(String userObj) throws Exception`。 5. **外键关联对象**: 在对象序列化时，如果涉及外键关联的对象，可以在前端构造对象时单独处理，如`user["dept"] = {}`，并将外键ID填充进去。当发送到服务器时，同样需要正确解析并处理这些关联关系。 这五种方法覆盖了从简单的参数传递到复杂对象及关联数据的Ajax交互场景。熟练掌握这些技术，能有效提升前端与Spring MVC后端的协作效率，实现无刷新的数据更新和动态交互体验。