いつもお世話になっております。
下記はAJAXで画面遷移せずに検索結果を表示する機能ですがデータを所得する際にはあらかじめフォームを設定しているかと思いますがセレクトボックスのようのを用意してHTML上でフォームをGETかPOSTに変更してリクエストすることはできないでしょうか?
宜しく御願い致します。
HTML
1<!DOCTYPE html> 2 <h1>店舗検索</h1> 3<script> 4$(function(){ 5 $("#response").html("Response Values"); 6 $("#button").click( function(){ 7 var url = $("#url_post").val(); 8 var dept_ids = $("#dept_ids").val().split(","); 9 var start_date = $("#start_date").val(); 10 var end_date = $("#end_date").val(); 11 12 var JSONdata = {}; 13 JSONdata.dept_ids = dept_ids; 14 JSONdata.start_date = start_date; 15 JSONdata.end_date = end_date; 16 17 18 $.ajax({ 19 url : url 20 ※ここです type : "POST" 21 , data : JSON.stringify(JSONdata) 22 , contentType: "application/json;charset=UTF-8" 23 , processData: false 24 , dataType : "json" 25 , accepts : {json: "application/vnd.glv.v1+json;charset=UTF-8"} 26 , crossDomain: false 27 }).done(function(data, status, xhr) { 28 // 通信成功時の処理 29// alert("成功"); 30 $("#response").html(JSON.stringify(data)); 31 }).fail(function(xhr, status, error) { 32 // 通信失敗時の処理 33 alert("失敗"); 34 }).always(function(arg1, status, arg2) { 35 // 通信完了時の処理 36// alert("完了"); 37 }); 38 }) 39 }) 40</script> 41 <tr> 42 <td><b>URL: <input type="text" id="url_post" name="url" size="100" value="http://52.192.178.185:8280/api/dept_accesses"></b><td> 43 </tr><td> </td> 44 <td><b>店舗ID:<textarea cols="50" id="dept_ids" pattern="^[0-9A-Za-z]+$" class="keyword"></textarea></td> 45 </tr> 46 <tr><td><b>開始日: <input type="text" id="start_date" size="30" value="20151001" class="keyword"> 47 ~ 終了日: <input type="text" id="end_date" size="30" value="20161207" class="keyword"> 48 <select id="method_select"> 49<option value="GET" selected>GET</option> 50<option value="POST">POST</option> 51</select> 52<button type="submit" value="送信"> 53</button> 54 <button id="button" type="button">検索結果</button></p></td> 55 <td><textarea id="response" cols=170 rows=21 disabled></textarea></td> 56</body> 57</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/01/14 09:46
2016/01/14 23:35 編集
2016/01/14 12:25
2016/01/15 04:46
2016/01/15 04:48
2016/01/15 05:06