Как использовать JQuery для заполнения списка из базы данных.?

Вот мой код. Я получил его от JQuery учебника страницы и его работы well.now мне нужно, чтобы загрузить мой список элементы из данных таблицыКак использовать JQuery для заполнения списка из базы данных.?

<link rel="stylesheet" href="css/jquery-ui.css"> 
<script src="js/jquery-ui.min.js"></script> 
<style> 
#sortable1,#sortable2,#sortable3 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float: left; 
    margin-right: 10px; 
    background: #eee; 
    padding: 5px; 
    width: 143px; 
} 

#sortable1 li,#sortable2 li,#sortable3 li { 
    margin: 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 120px; 
} 
</style> 
<script> 
    $(function() { 
     $("ul.droptrue").sortable({ 
      connectWith : "ul" 
     }); 
     $("ul.dropfalse").sortable({ 
      connectWith : "ul", 
      dropOnEmpty : false 
     }); 
     $("#sortable1, #sortable2, #sortable3").disableSelection(); 
    }); 
</script> 
</head> 
<body> 
    <div style="font-weight: bold;">&nbsp;&nbsp;Available Medicines</div> 
    <ul id="sortable1" class="droptrue"> 
     <li class="ui-state-default">Panadol</li> 
     <li class="ui-state-default">Ciprofloaxin</li> 
     <li class="ui-state-default">Piriton</li> 
     <li class="ui-state-default">Zitricin</li> 
     <li class="ui-state-default">Brufen</li> 
    </ul> 

    <div style="font-weight: bold;">Selected Medicines</div> 
    <ul id="sortable2" class="dropfalse"> 
    </ul> 
    <br style="clear: both"> 
</body>

Пожалуйста, помогите мне SORTOUT этого вопроса. спасибо

источник

2013-12-02 Priyan RockZ

просто нужно заполнить список из jquery (с Gson также предпочитают). –

Вы можете сделать вызов JQuery AJAX для получения данных таблицы. В функции обратного вызова успеха вы заполняете список.

$.ajax({ 
    url : "AJAX_POST_URL", 
    type: "POST", 
    success: function(data) 
    { 
     var rowData= data.split(","); 
     $.each(rowData, function(index, value){ 
$("#sortable1 ul li:last").append('<li class="ui-state-default">'+value +'</li>'); 
     });  
    } 
});

Метод Java должен возвращать данные таблицы, разделенные запятой.

источник

2013-12-03 07:48:23

спасибо дорогой Тех Махеш :-) Я попробую таким образом и дам знать –

, то как сохранить выбранный список.? –

Вы хотите сохранить в БД? Если это так, используйте действие AJAX или форму. –

Как использовать JQuery для заполнения списка из базы данных.?

ответ

Смежные вопросы