将值从控制器传递到模态页面

试图将我的数据从控制器传递到模态页面.

点击此链接:https: //qtzar.com/2017/03/24/ajax-and-thymeleaf-for-modal-dialogs/

第一:在控制器中查询数据库的简单方法

@PostMapping("/showarea")
public String areaModel(Model model) {
    LOG.info("/showarea");

    List zOnas= zonaService.findAll();

    model.addAttribute("area", zonas.get(0).getNom_ZONA());
    LOG.info("area: " + zonas.get(0).getNom_ZONA());

    return "modal::modalContents";
}

我把区域放在我的模型中.

第二:我用了一个例子:https:
//v4-alpha.getbootstrap.com/components/modal/#modal-components

添加文字.

Launch demo modal




    

        

            

                
Modal title
                
                    ×
                
            
            

                

                
area == null
            
            

                
                    Close
                
                
                    Save changes
                
            
        
    

第三:我在这个文件的末尾我从bootstrap添加一个简单的Javascript和一个ajax函数:

我正确地从数据库中获取数据,但是我无法在我的模态html页面中显示数据.

更新1:

无法在我的模态中显示数据.例如,我补充说

在Javascript中:

$.ajax({
    type : 'POST',
    url : "/showarea",
    success : function(data) {
           $('#areaValue').html(data);
    }
});

用firebug调试我得到模态的值,但没有显示!

我想显示一个值列表,但无法显示简单的文本...

有什么建议？

谢谢