作成途中のHTMLでJSONデータ所得作成を完成させたいです。

失礼します。いつもお世話になっております。

HTMLでJSONデータ所得を作成途中なのですがあと一歩のところで躓いております。

上記のHTMLでsubmitすると
「curl -i -v -H "Accept: application/vnd.glv.v1+json" -H "Content-type: application/json" -X GET localhost:8280/api/test_accesses -d '{"dept_ids":["000002"]}'」

というリクエストが送られ望んだデータも返却されます。上記のHTMLに
「~ '{"dept_ids":["000002"],"start_date":"20151001","end_date":"20151207"}'」

とリクエストを送るようにしたいのですがどの部分を修正すればいいかわからず、ご存知の方に教えていただきたいと思いました。
追記する"start_date":"20151001","end_date":"20151207"}'の日付部分はテキストボックスを作成して好きな年月を入れられるようにと考えております。

$(function(){
        $("#response").html("Response Values");

        $("#button").click( function(){
            var url = $("#url_post").val();
            var dept_ids = [$("#dept_ids").val()];
      
            var JSONdata = {};
            JSONdata.dept_ids = dept_ids;

            $.ajax({
              url : url
            , type : "POST"
            , data : JSON.stringify(JSONdata)
            , contentType: "application/json;charset=UTF-8"
            , processData: false
            , dataType : "json"
            , accepts : {json: "application/vnd.glv.v1+json;charset=UTF-8"}
            , crossDomain: false
            }).done(function(data, status, xhr) {
                // 通信成功時の処理
//                alert("成功");
                $("#response").html(JSON.stringify(data));
            }).fail(function(xhr, status, error) {
                // 通信失敗時の処理
                alert("失敗");
            }).always(function(arg1, status, arg2) {
                // 通信完了時の処理
//                alert("完了");
            });
        })
    })

<h1>HTMLファイルからPOSTでJSONデータを送信</h1>
    <p>URL: <input type="text" id="url_post" name="url" size="100" value="http://52.192.178.185:8280/api/test_accesses"></p>
    <p>value1: <input type="text" id="dept_ids" size="30" value="000002"></p>
    <p><button id="button" type="button">submit</button></p>
    <textarea id="response" cols=120 rows=10 disabled></textarea>