我可以't访问外部javascript文件中的freemarker变量

当我把代码放在外部javascript文件中时，我无法获得freeMarker变量的值

这是我的页面，当javascript代码在里面时，这就工作了，我可以通过这种方式获得我的freemarker变量的值：

<#import "../masterPage.html" as layout>
<@layout.masterPageLay bread1="my bread1" bread2="my bread2">
<#assign title="value 1"> 
<#assign subtitle="value 2"> 

<script>
function doAjaxPost() 
{
    var name= $('#name').val();
    var lastName= $('#lastName').val();

    var json = {"name" : name, "lastName" : lastName};
    console.log(json);
    var variableFreeMarker = "${freeMarkValue}";
    console.log('this value is: ' + variableFreeMarker); 
    $.ajax(
    {
        type: "POST",
        url: "myUrl",
        data: JSON.stringify(json), 
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        beforeSend: function(xhr) 
                        {
                        xhr.setRequestHeader("Accept", "application/json");  
                        xhr.setRequestHeader("Content-Type", "application/json");  
                        },
        success: function(data) 
                {
                },
            error:function(data,status,er) { 
                alert("error: "+data+" status: "+status+" er:"+er);
            }
        /* error: function (xhr, ajaxOptions, thrownError) 
               {
                    alert(xhr.status);
                    alert(xhr.responseText);
                    alert(thrownError);
        }*/
    });
}
</script> 

    <form name="myform">
        Name in view:        <input type="text"  id="name" name="name">
        <br>
        Last Name in view:   <input type="text" id="lastName" name="lastName">
        <br>
        Show modify name in view:   <input type="text" id="modifyname" name="modifyname">
        <br>
        <input type="button" value="Add Users" onclick="doAjaxPost()">
    </form>
 <br>
 </@layout.masterPageLay>

但是，如果我把我的javascript代码放在一个外部文件中，在这种情况下是myPageScript.js，然后在我的页面中调用该脚本，我就无法获得freeMarker变量的值，这就是我调用脚本的方式

<script src="../resources/js/scripts/myPageScript.js"></script> 

这是我的页面，不工作

<#import "../masterPage.html" as layout>
    <@layout.masterPageLay bread1="my bread1" bread2="my bread2">
<#assign titulo="value 1"> 
<#assign subtitulo="value 2"> 
<script src="../resources/js/scripts/myPageScript.js"></script> 


    <form name="myform">
        Name in view:        <input type="text"  id="name" name="name">
        <br>
        Last Name in view:   <input type="text" id="lastName" name="lastName">
        <br>
        Show modify name in view:   <input type="text" id="modifyname" name="modifyname">
        <br>
        <input type="button" value="Add Users" onclick="doAjaxPost()">
    </form>
 <br>
 </@layout.masterPageLay>

这个输出在我的chrome控制台"${freeMarkValue}"中，而不是变量的值

这是我的控制器，我正在使用jquery ajax 处理表单

@RequestMapping(value = "myForm", method = RequestMethod.GET)
    public String myForm(Model model) {

        model.addAttribute("freeMarkValue", "controll");
        return "myForm";
    }
@RequestMapping(value = "myForm", method = RequestMethod.POST)
    public @ResponseBody String getTags(@RequestBody final String json, Model model) 
    throws IOException 
    {
         ObjectMapper mapper  =  new ObjectMapper();
         User objetmapped =  mapper.readValue(json, User .class);
         User person  =  new User  iox();
         person.setName(objetmapped .getName());
         person.setLastName(objetmapped .getLastName());
       );

         model.addAttribute("freeMarkValue", "second controller value");
         return toJson(objetmapped );
    }
    private String toJson(User person) 
    {
        ObjectMapper mapper = new ObjectMapper();
        try 
        {
            String value = mapper.writeValueAsString(person);
            // return "["+value+"]";
            return value;
        } 
        catch (JsonProcessingException e) 
        {
            e.printStackTrace();
            return null;
        }
    }