freemarker如何写ajax，freemarker实现ajax请求

在FreeMarker模板引擎中实现AJAX交互，核心在于理解其作为服务端视图技术的本质定位，FreeMarker本身并不具备直接发起HTTP请求的能力，它运行在服务端，负责生成静态HTML、JSON或XML数据，所谓的“FreeMarker写AJAX”，实际上是指利用FreeMarker生成包含AJAX调用逻辑的前端代码，或者让FreeMarker直接输出JSON格式数据供前端JavaScript通过AJAX获取。

最主流且高效的解决方案是分离关注点：FreeMarker负责渲染页面骨架并嵌入初始化脚本，而具体的异步数据请求由前端jQuery或原生Fetch API完成，这种架构既保留了FreeMarker在模板复用和逻辑简化上的优势,又实现了前后端分离的灵活性。

核心方案一：FreeMarker直接输出JSON数据接口

这是最符合RESTful规范的做法，你可以创建一个独立的FreeMarker模板（如user_list.ftl），该模板不包含HTML标签,仅输出JSON字符串。

确保在Spring MVC或其他框架中配置FreeMarker视图解析器，允许输出application/json类型，在Controller中,将数据模型传递给该模板：

@RequestMapping(value = "/api/users", produces = "application/json")
public String getUsers(Model model) {
    model.addAttribute("users", userService.findAll());
    return "json/user_list"; // 指向json/user_list.ftl
}

在json/user_list.ftl中,使用FreeMarker的内置函数轻松构建JSON结构：

[
<#list users as user>
    {
        "id": ${user.id},
        "name": "${user.name?json_string}",
        "email": "${user.email?json_string}"
    }<#if user_has_next>,

]

这里的关键在于使用?json_string内置函数，它能自动处理特殊字符转义，防止JSON格式错误，前端通过AJAX请求此URL，即可直接解析为JavaScript对象数组，这种方式解耦了页面渲染与数据接口,便于维护。

核心方案二：在HTML页面中嵌入AJAX调用逻辑

当需要在当前页面动态加载数据而不刷新时,FreeMarker的作用是为JavaScript提供初始数据上下文。

假设有一个下拉菜单需要加载省份数据，在FreeMarker模板中,你可以这样写：

    请选择省份

这种写法体现了“渐进增强”的思想，FreeMarker确保了页面在无JS环境下的基本可用性（如果数据直接渲染在HTML中）,而在有JS环境下则通过AJAX提升体验。

关键注意事项与最佳实践

1. 数据转义安全：在FreeMarker中生成JSON或嵌入JS变量时，务必使用?json_string或?js_string内置函数，这不仅能防止JSON解析错误，还能有效防范跨站脚本攻击（XSS），如果用户输入包含