Размещайте значения внутри значения модального всплывающего поля bootstrap в spring MVC с использованием ajax для получения данных из базы данных

#javascript #twitter-bootstrap #spring-mvc

#javascript #twitter-bootstrap #spring-mvc

Вопрос:

Мне нужно получить значения из базы данных внутри поля модального всплывающего окна в spring MVC, используя ajax. Я думаю, нам нужно поместить значения внутри модального всплывающего поля, используя javascript.

Помощь высоко ценится !!!!…

Ответ №1:

Вы можете попробовать вызвать свой пользовательский URL внутри модала следующим образом:

 function load_modal(ev){
    if (ev amp;amp; ev.preventDefault)
        ev.preventDefault(); // prevent navigation
    var url = "" //construct your url with all parameters that you need
    //avoid cache
    url  ="amp;_=" (new Date()).getTime()
    $("#modal").load(url, function() { // load the url into the modal
          $(this).modal('show'); // display the modal on url load
    });
    return false; // prevent the click propagation
}
  

Этот URL-адрес вызывает действие на стороне вашего сервера и заполняет нужные вам данные на странице результатов, которая будет отображаться в модальном

Ответ №2:

Вы можете использовать следующий код javascript, чтобы вызвать ajax и поместить значения в поле

  <script type="text/javascript">
        function ajaxLink(url, params, displayComponentId) {
                    $.post(url, params, function(data) {
                        document.getElementById('fieldId').value =data.name;
                    });
                }
        function onClickMethod(val){
            ajaxLink('/myProject/getTags', {'tagName': val}, 'viewDiv');
        }
</script>
  

fieldId должен быть идентификатором соответствующего поля.

На стороне сервера вы должны следовать приведенному ниже коду в spring MVC

 @RequestMapping(value = "/getTags", method = RequestMethod.POST) 
@ResponseBody  public  User getTags(@RequestParam("tagName") String
tagName) 
{
        User user=new User();
        //Write a method to access the data from DB
        user.setName("test")
        return user;  
 }
  

Попробуйте. У меня это работает с spring MVC Bootstrap