my first ajax application

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>亚航查票</title>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="form">
<table>
<tr><td>日期</td><td><input type="text" id="from" value="2010/01/01"/></td><td><input type="text" id="to" value="2010/12/31"/></td></tr>
<tr><td>出发</td><td><input type="text" id="leave" value="SZX"/></td></tr>
<tr><td>到达</td><td><input type="text" id="arrive" value="BKK"/></td></tr>
<tr><td>人数</td><td><input type="text" id="adult" value="2"/></td></tr>
</table>
<button type="button" id="query">查询</button>
</div>
<div>
<table id="output">
</table>
<div id="show"></div>
</div>
<script type="text/javascript">
function localtime(day) {
    var tokens = day.split('/')
    var day = new Date(tokens[0], tokens[1] - 1, tokens[2])
    return day.getTime() / 1000
}
function query(from, to, leave, arrive, adult) {
    if (from <= to)
        $('<tr></tr>').load('lxl.php', {'day':from, 'leave':leave, 'arrive':arrive, 'adult':adult}, function() {query(from + 86400, to, leave, arrive, adult)}).appendTo('#output')
    else $('#show').text('查询结束!')
}
$().ready(function() {
    $('#query').click(function() {
        $('#output').text('')
        $('#show').text('正在查询, 请耐心等待 ...')
        query(localtime($('#from').val()), localtime($('#to').val()), $('#leave').val(), $('#arrive').val(), $('#adult').val())
    })
})
</script>
</body>
</html>

作者: nahuat   发布时间: 2010-10-19