JavaScript プログラミング

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

投稿日:2018年10月5日 更新日:

こんにちは!シミダイ(@shimidai2100)です。

フォームからGETリクエストをする時に値が空のパラメータがあると、空でクエリーを送信することになります。

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

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


cleanQueryの使用方法

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

参考jquery.cleanQuery.js

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

cleanQueryの解説

JQueryの「serialize」を利用することで利用することで実装しています。

一度すべての要素をシリアライズして空のクエリーは削除しています。

参考.serialize()

参考値が空のパラメータがクエリー文字列に入らないGETのフォーム

 

スポンサードリンク

関連記事

-JavaScript, プログラミング

Translate »

Copyright© shimidai2100 , 2018 All Rights Reserved.