[jQuery] GETリクエスト時に空のinputパラメータを送信しない方法

2018年10月5日2022年6月4日

フォームからGETリクエストをする時に値が空のパラメータがあると、

空でクエリーを送信することになります。

不要なクエリーは送信するとURLが長くなり見栄えも悪くなります。

そんな時は「cleanQuery」を使用することで不要なクエリーを削除してGETリクエストを送信できますので紹

介します。

cleanQueryの使用方法

「cleanQuery」はguimihanuiさんがGithub上で公開しているJQueryの追加機能になります。

参考：jquery.cleanQuery.js

/*
* jQuery cleanQuery 2013-03-23
* Authored by guimihanui
* Licensed under the MIT License (http://www.opensource.org/licenses/mit-license.php)
*/

(function($) {
function cleanQuery(query) {
var arr = [];
$.each(query.split('&'), function(i, param) {
if (param.split('=')[1]) { arr.push(param); }
});
return arr.join('&');
}

$.fn.cleanQuery = function() {
this.on('submit', function(event) {
event.preventDefault();

var query = cleanQuery($(this).serialize());
location.href = this.action + '?' + query;
});

return this;
};
})(jQuery);

上記のコードを読み込んだ後に以下のようにformのidを指定します。