jquery对动态数据的筛选有关问题_Java相关

jquery对动态数据的筛选问题
<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title>
</title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/ui-css.css">
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
<script src="js/jquery.js"></script>
<script src="js/base64.js"></script>
<script src="js/zy_control.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/journal2.js"></script>
<script>
$(function(){
            $("#searchword").on("keyup",function(){
                $("#book_list li").hide();
                $("#book_list li").filter(":contains('"+$(this).val()+"')").show();
            });
        })
</script>
</head>
<body class="um-vp" ontouchstart>
<div id="content" class="list_box">
    <input type="text" id="searchword" />
        <ul id="book_list">
        <li>计算机科学与技术</li>
        <li>数据结构</li>
        <li>算法理论</li>
        <li>离散数学</li>
        <li>高等数学</li>
        <li>编译原理</li>

    </ul>
</div>
</body>
<script>
//--------------------------
</script>
</html>
我想把列表里写死的数据替换成数据库里面的数据，如何实现呢

这是php里面的代码
$sql = "SELECT Journalname FROM td_journal";
$query = mysql_query($sql) or die(mysql_error()) ;
//给Json数组赋值
//if(is_resource($query)){
while($row = mysql_fetch_array($query))
{
$demoData[]=array(
'subject'=>$row['Journalname'],
);
}

.js里面的代码
var bookHost = "http://192.168.1.100:1000/server5.php?jsoncallback=?";
var b64 = new Base64();

function xmlHttp(url,callback){
    if(url == ''){
        uexWindow.alert('参数错误','请求地址不能为空！','返回');
    }else{
        $.getJSON(url,callback);
    }
}

function  getBookList(){
    uexWindow.toast("1","5","数据加载中…","0");

    var url = bookHost;
    xmlHttp(url,showList);
}

function showList(items){
    var forumObj = $("#book_list");
    forumObj.html('');

    for(var i in items){
        var item = items[i];
        var tr = '<div class="title">'+item.subject+'</div>';
        forumObj.append(tr);
    }
    uexWindow.closeToast();
}
------解决思路----------------------
<c:forEach items="${  查询出来的model.content}" var="obj">
<li>${obj.}</li>
</c:foreach>
------解决思路----------------------
php 数据迭代

你这个是php ，数据都过来了。在前台画面循环迭代就好了。