teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

現時点でのコードをのせました

2015/12/24 03:51

投稿

takato
takato

スコア148

title CHANGED
File without changes
body CHANGED
@@ -6,4 +6,78 @@
6
6
 
7
7
  form methodをPOSTに指定しても無視されます。
8
8
 
9
- ご存知の方いらっしゃいましたら教えてください。宜しく御願いします。
9
+ ご存知の方いらっしゃいましたら教えてください。宜しく御願いします。
10
+
11
+ ```html
12
+
13
+ <script>
14
+ $(function() {
15
+ $('#FORM').cleanQuery();
16
+ });
17
+ </script>
18
+ <body>
19
+ <b>半角英数字のみ対応</b>
20
+ <form action="http://52.192.178.185:8280/api/car" method="post" id="FORM" Accept-charset="UTF-8">
21
+ <br>
22
+ <b>ランキング種別</b><font color="RED">:必須</font><br>
23
+ <select name="kind" required><br>
24
+ <option value="0">車種別</option>
25
+ <option value="1">メーカー別</option>
26
+ <option value="2">ボディタイプ別</option>
27
+ <option value="3">メーカー別</option>
28
+ <option value="4">国産車別</option>
29
+ <option value="5">輸入車別</option>
30
+ </select><br>
31
+ <b>取得ページ位置</b>
32
+ <p><input type="text" value="" name="page" placeholder="例:1~20" pattern="^[0-9]+$" class="keyword"></p>
33
+ <b>取得数</b>
34
+ <p><input type="text"value="" name="size" placeholder="例:0~20" pattern="^[0-9]+$" class="keyword"></p>
35
+ <b>メーカー</b>
36
+ <p><input type="text" value="" name="maker_cd" placeholder="例:101" pattern="^[0-9A-Za-z]+$" class="keyword"></p>
37
+ <b>車種CD</b>
38
+ <p><input type="text" value="" name="body_cd" placeholder="例:10" pattern="^[0-9A-Za-z]+$" class="keyword"></p>
39
+ <b>集計日</b>
40
+ <p><input type="text" name="start_date" placeholder="例:yyyymmdd形式" pattern="^[0-9]+$" class="keyword"></p>
41
+ <b>終了日</b>
42
+ <p><input type="text" name="end_date"placeholder="例:yyyymmdd形式"pattern="^[0-9]+$" class="keyword"></p>
43
+ <b>リクエスト方法</b><br>
44
+ <!--できればここのセレクトボックスでGETかPOST選択できるようにしたいです。-->
45
+ <select id="method_select">
46
+ <option value="GET" selected>GET</option>
47
+ <option value="POST">POST</option>
48
+ </select>
49
+ <button type="submit" value="送信">
50
+ </button>
51
+ </form>
52
+ </body>
53
+ </html>
54
+ ```
55
+
56
+ ```Javascript
57
+ /*
58
+ * jQuery cleanQuery 2013-03-23
59
+ * Authored by guimihanui
60
+ * Licensed under the MIT License (http://www.opensource.org/licenses/mit-license.php)
61
+ */
62
+
63
+ (function($) {
64
+ function cleanQuery(query) {
65
+ var arr = [];
66
+ $.each(query.split('&'), function(i, param) {
67
+ if (param.split('=')[1]) { arr.push(param); }
68
+ });
69
+ return arr.join('&');
70
+ }
71
+
72
+ $.fn.cleanQuery = function() {
73
+ this.on('submit', function(event) {
74
+ event.preventDefault();
75
+
76
+ var query = cleanQuery($(this).serialize());
77
+ location.href = this.action + '?' + query;
78
+ });
79
+
80
+ return this;
81
+ };
82
+ })(jQuery);
83
+ ```