GETかPOSTのリクエストパラメーター方法を変更する方法（AJAX）

度々失礼します。

以前GETかPOSTのフォームを選択してリクエストする方法を教えていただきました。
しかし、片方のフォームが上手くリクエストすることができず、原因を調べた結果リクエスト時にフォームを変更しただけでは上手くいかないことがわかりました。
そこでセレクトボックス時に選択したフォームだけでなくリクエストパラメーターごと変更する方法を教えていただきたいです。

GETの場合は？のあとにパラメーターが付記され、POSTの場合はボディに設定するといった普通のリクエストです。

下記は選択時にフォームを選択してリクエストできるJSファイルです。

javascript
1   $(function(){
2//ボタン押下で入力した項目を変数にいれる
3        $("#button").click( function(){
4            var url = $("#url_post").val();
5            var dept_ids = $("#dept_ids").val().split(",");
6            var start_date = $("#start_date").val();
7        var end_date = $("#end_date").val();
8            var JSONdata = {};
9            JSONdata.dept_ids = dept_ids;
10            JSONdata.start_date = start_date; 
11            JSONdata.end_date = end_date;
12     $.ajax({
13    url : url,
14    type : $("#method_select").val()・・・セレクトメソッドで選択したフォームをここにいれる
15    data : JSON.stringify(JSONdata),
16    contentType: "application/json;charset=UTF-8",
17    dataType : "json",
18    accepts : {json: "application/vnd.glv.v1+json;charset=UTF-8"},
19}).done(function(data, status, xhr) {
20    $("#response").html(JSON.stringify(data));
21}).fail(function(xhr, status, error) {
22    // 通信失敗時の処理
23    alert("失敗");
24}).always(function(arg1, status, arg2) {
25    // 通信完了時の処理
26    alert("完了");
27 });
28 
29    })
30    })

下記の方法で解決いたしました。
①セレクトボックスでなく選択ボタンを増やす（GET,POSTボタン）
②それぞれJavascriptであらかじめサーバー側で受け取れる形式通りに変更して送信できるようにする。

eripong

2016/01/21 03:14

回答依頼いただきましたが、前の質問で、ダウンロード中というコメントで中断している認識です。https://teratail.com/questions/24724

takato

2016/01/21 03:22

eripong様申し訳ないです。あの質問から今夏に問題に行き着いたのに解決積みになっていなかったですね。。。解決積みと解決方法について記載してきます！

takato

2016/01/21 03:30

eripong様文章改善、今回判明した問題について明記してきました。この度は不快な思いをさせてしまい大変申し訳ありませんでした。

eripong

2016/01/21 03:34

そういうことですか。どの様なリクエストパラメータであるべきで、実際にどうだったかをこの質問に追記していただけますか？

takato

2016/01/21 03:39

申し訳ございません。かしこまりました。すぐに修正してきます。

eripong

2016/01/21 03:53

サーバがどのようなリクエストを受け付けるかの仕様は分かりませんか？

takato

2016/01/21 03:56

eripong様 GETの場合は？のあとにパラメーターを付与する、 POSTの場合はボディに設定すると聞きました。

eripong

2016/01/21 03:57

聞いたというのはサーバの仕様に詳しい人からですか？

takato

2016/01/21 04:04

この仕様を作成した方です。詳しくお話しすると前回のフォームを変更してもリクエストできないとわかったので今回の仕様に変更したとのことです。

eripong

2016/01/21 04:12

了解です。回答しましたので、確認お願いします。

takato

2016/01/21 05:10

ご迷惑おかけしました。迅速な対応に感謝しております。

行動規範の内容に同意します

回答1件

ベストアンサー

おそらく、

data : JSON.stringify(JSONdata),

としている箇所を、POSTではそのままに、
GETの場合は

data : JSONdata,

とすべきです。

processDataでパラメータ化される処理がGETの場合のみ必要ですが、
dataがstringになっているとその処理が動かないためです。

投稿2016/01/21 04:11

eripong

総合スコア1546

takato

2016/01/21 05:56 編集

eripong様今試させていただきました。結果はエラーとなっていました・・・確認したところdept_idだけGETパラメーターで送られていないことがわかりました。自分でも少しほかの方法で試してみます。また、「$("#method_select").val()」のように「JSON.stringify(JSONdata),」か「JSONdata,」とHTML上で変更することはやはり不可能なのでしょうか？セレクトメソッドで選択するのではなくボタンを二つ用意してそれぞれGETで送信するボタン、片方はPOSTで送るボタンを作ればいいことに気づきました！ eripong様が見る間になんとか解決せておきます！

行動規範の内容に同意します