次のような URL の例があります。
http://domain.com/Documents/?page=1&name=Dave&date=2011-01-01
クエリ文字列には、現在のページ番号と 2 つの追加フィルター (名前と日付) が含まれています。
次の URL パーサーを使用します: https://github.com/allmarkedup/purlページ番号など、URL の特定の部分にアクセスできます。
ユーザーがテキストボックスに数字を入力して、他のすべてのクエリ文字列をそのままにしながら、そのページ番号をロードできるようにする方法を作成しようとしています。
$(document).ready(function () {
$('.pageNum').live('keyup', function (e) {
e.preventDefault();
if (e.which == 13) {
var currentUrl = window.location.href;
var parsedUrl = $.url(currentUrl);
var currentPageNum = parsedUrl.param('page');
var newPageNum = $(this).val();
var newUrl = //
window.location.href = newUrl;
}
});
});
したがって、ユーザーが pageNum テキストボックスで return を押すと、現在のページの URL が取得され、解析され、現在のページ番号が調べられます。次に、ページ番号の値をテキスト ボックスの新しい値に置き換える方法が必要です。新しい URL を作成し、最後にこの新しい URL を使用してページを更新します。
param 値を変更してから、再度追加することはできますか?
注: 追加のパラメーターは何でもかまいません。そのため、新しいページ番号でパス名に手動で追加することはできません!