还是看代码比较直接:
<form id="search" action="search" onsubmit="return validateForm()"
method="post">
<fieldset>
<div class="query-wrapper">
<div class="item item-query">
<input type="text" class="input input-index"
id="form_query_string" name="query_string" placeholder="xyz"/>
</div>
<div class="item item-submit">
<input type="submit" class="query-btn query-btn-
index" name="submit" value="搜索"/>
</div>
</div>
</fieldset>
</form>
app.post('/search', function(req, res) {
var qry_str = "";
var page_no = 1;
qry_str = req.body.query_string; // 获取到表单字段
// thrift客户端请求数据
thrift_client.get_data(qry_str, page_no, 40, function(err, response) {
var pgr = new Paginator(page_no, total_page);
var html_code = pgr.build(qry_str); // 生成paginator见后面
res.render('search', {paginator_html: html_code, data:
response.data});
});
html_code内容为github style风格的分页浏览:
<div class="pagination">
<a class="previous_page" href="/search?q=sth&p=1"
disabled>Preivous</a>
<em class="current">1</em>
<a href="/search?q=sth&p=2">2</a>
<a href="/search?q=sth&p=3">3</a>
<a href="/search?q=sth&p=4">4</a>
<a href="/search?q=sth&p=5">5</a>
<span class="gap">...</span>
<a href="/search?q=sth&p=63">63</a>
<a href="/search?q=sht&p=64">64</a>
<a class="next_page" href="/search?q=sth&p=2">Next</a>
</div>
这里的问题:
(1) 表单提交数据,转到路由app.post('search/', ...)处理
(2) 分页浏览(paginator)点击页面是,转到路由app.post('search/', ...)处理。
如何让(1), (2)的路由处理一致?
thanks~
【 在 saynothing (止语) 的大作中提到: 】
: (′・ω・`)
: 里,突然就变得高大上起来?
--
修改:saynothing FROM 36.250.66.*
FROM 36.250.66.*