如何使用Jquery从数据库填充列表。？_Jquery_Spring Mvc

如何使用Jquery从数据库填充列表。？

jquery spring-mvc

如何使用Jquery从数据库填充列表。？,jquery,spring-mvc,Jquery,Spring Mvc,这是我的密码。我从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;

这是我的密码。我从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>


#排序1，#排序2，#排序3{
列表样式类型：无；
保证金：0；
填充：0；
浮动：左；
右边距：10px；
背景：#eee；
填充物：5px；
宽度：143px；
}
#可排序1 li，#可排序2 li，#可排序3 li{
保证金：5px；
填充物：5px；
字体大小：1.2米；
宽度：120px；
}
$（函数（）{
$（“ul.droptrue”）。可排序({
与“ul”连接
});
$（“ul.dropfalse”）。可排序({
连接到：“ul”，
dropOnEmpty：错
});
$（“#可排序1，#可排序2，#可排序3”）.disableSelection（）；
});
现有药品

Panadol
环丙沙星
皮里顿
Zitricin
Brufen

精选药物

请帮我整理一下这个问题。

感谢您，您可以通过JQuery AJAX调用来获取表数据，您可以在success回调函数中填充列表

$.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>');
       });      
    }
});

$.ajax({
url:“AJAX\u POST\u url”，
类型：“POST”，
成功：功能（数据）
{
var rowData=data.split（“，”）；
$.each（行数据、函数（索引、值）{
$（“#sortable1 ul li:last”）.append（“”+value+””）；
});      
}
});

Java方法应该返回逗号分隔的表数据。

您可以调用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>');
       });      
    }
});

$.ajax({
url:“AJAX\u POST\u url”，
类型：“POST”，
成功：功能（数据）
{
var rowData=data.split（“，”）；
$.each（行数据、函数（索引、值）{
$（“#sortable1 ul li:last”）.append（“”+value+””）；
});      
}
});

Java方法应该返回逗号分隔的表数据。

只需要如何从jquery中填充列表（Gson也更喜欢）。只需要如何从jquery中填充列表（Gson也更喜欢）。感谢亲爱的Tech Mahesh:-）我会用这种方式尝试，然后告诉你如何保存这些选定的列表。你想保存到数据库中吗？如果是这样，请再次使用AJAX调用或表单提交操作。谢谢亲爱的Tech Mahesh:-）我会用这种方式尝试并让您知道如何保存这些选定列表。是否要保存到DB中？如果是这样，请再次使用AJAX调用或表单提交操作。