如何在jqueryajax中修改成功块中的freemarker变量值

Question

如何在jQuery AJAX中更改成功块中freemarker变量的值，我的页面有两个控制器第一个控制器使用GET方法返回一个带有视图名称的简单字符串，第二个控制器使用json和POST方法处理数据

给你

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



        model.addAttribute("successMessage", "i'm in the firts controller");

        return "forms/myform";
    }

我的第二个控制器

@RequestMapping(value = "myform", method = RequestMethod.POST)
    public @ResponseBody String getTags(@RequestBody final String json, Model model) 
    throws IOException 
    {
         ObjectMapper mapper  =  new ObjectMapper();

         User userMapped=  mapper.readValue(json, User.class);

         User person  =  new Usuario();
         person.setName("new name");
         person.setLastName("new lastname");


         model.addAttribute("successMessage", person.getName());

         return toJson(userMapped);
    }

我的Json方法

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;
        }
    }

我的传呼myform.html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<script type="text/javascript">

        function doAjaxPost() 
        {
            // get the form values
            var name= $('#name').val();
            var lastName = $('#lastName ').val();

            var json = {"name" : name, "lastName " : lastName };
            console.log(json);
            var FreeMarkervariable = "${successMessage}";

            //this brings me the value that i put in the firts controller


            $.ajax(
            {
                type: "POST",
                url: "myform",
                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) 
                        {


//HERE I WANT TO CHANGE THE VALUE OF MY FREEMARKER VARIABLE SO I CAN 
//PRINT A SUCCESS MESSAGE IN A DIV


                            <#assign successMessage = "success">



                        },
                error:function(data,status,er) { 
                    alert("error: "+data+" status: "+status+" er:"+er);
                }

            });
        }
</script>
    <!-- NEW WIDGET START -->
    <article class="col-sm-12">
        <div class="alert alert-warning fade in">
            <button class="close" data-dismiss="alert">
                ×
            </button>
            <i class="fa-fw fa fa-warning"></i>
            <strong>${successMessage} I WANT TO PRINT A SUCCESS MESSAGE HERE </strong> 
        </div>
    </article>
    <!-- WIDGET END -->
<fieldset>
 <legend>Name in view</legend>
    <form name="myform">
        Name in view:   <input type="text"   name="name">
        <br>
        Last Name in view:   <input type="text" id="lastName" name="lastName">
        <br>
        <input type="button" value="Add Users" onclick="doAjaxPost()">

    </form>
</fieldset>
 <br>

到目前为止，我的freemarker变量得到了我放在success块中的值，但在我按下submit按钮之前它显示为success，我相信Success块是在我点击submit按钮后执行的，所以我不知道为什么在我按下按钮之前它就有这个值，在我按下submit按钮之前它应该有“我在firts控制器中”

Answer 1

Freemarker在服务器上生成其输出，然后发送到浏览器。浏览器从未看到任何freemarker“代码”。您需要使用javascript/jQuery更新strong元素。

所以代替你的

$("strong").text("Success");