查詢字符串使用Ajax

我想更新我的網址，基於一些複選框網址...查詢字符串使用Ajax

我現在有一個看起來像www.mywebsite.com/index.php?city=Amsterdam

我用它來從MySQL獲得數據的城市參數的URL並在我的頁面上顯示。在頁面上我也有一些複選框。我想更新網址，如果用戶點擊複選框，刷新頁面，並使用新的url對數據庫進行新的查詢。

對http://api.jquery.com/serialize/我找到了我喜歡的東西;）底部的例子顯示了我想要的東西。只有這個例子顯示結果。有人可以幫助我在URL中獲得結果嗎？

所以點擊一些複選框後，我想有一個看起來像www.mywebsite.com/index.php?city=Amsterdam&single=Single2&multiple=Multiple3&radio=radio1

我知道PHP，但我的jQuery和AJAX的知識是0的網址;）我用谷歌搜索，但幾個小時後，我仍然沒有發現任何使用完整的東西。有人可以幫助我嗎？

2013-02-20 MFB

爲了改變URL你可能有一個看看這個[主題]（http://stackoverflow.com/questions/10953792/change-url-in-browser-address- bar-without-reload-existing-page）和序列化jquery中的自定義對象是通過[.param]（http://api.jquery.com/jQuery.param/）函數完成的。您指定的名稱只適用於html'

試試這個

$.ajax({ 
    url:"www.mywebsite.com/index.php"; // path to your url 
    type: "get", //post or get 
    data:$('#yourFormID').serialize(), 
    success:function(){ //function called when ajax is completed 
     alert('done'); 
    } 
});

來源

2013-02-20 09:57:55 bipen

如果你需要一個新的URL刷新頁面，你需要序列化的形式當一個複選框用戶點擊更新網址（更新網址會刷新頁面，如果你不想刷新頁面，你將不得不在使用pushstate功能或在網址中的散列）。

試試這個：

var $form = $('form'); 
    $('#my-checkbox').on('click', function() { 
     window.location.search = '?' + $form.serialize(); 
    });

來源

2013-02-20 10:28:31 Mickael

查詢字符串使用Ajax

回答

相關問題