複数階層のjsonをディクショナリにしたいが、うまくいかない（python）

Question

JS側で検索フォームに入力したキーワードを、json形式でサーバーに送り、それをディクショナリに変換して処理しようとしています。サーバーはbottleを使用しています。JSではVueを使っています。

{type:"search",content:{raw_sword:"abc"}}
という二階層のオブジェクトを作り、それをjson(ajax)で送信しました。

それをサーバーで受けとり、
dict(request.params.decode())
で処理したのですが、想定したようにディクショナリが作成されません。

↓のようになってほしいのですが、
{'type': 'search', 'content':{'raw_sword':'abc'}}

↓となってしまいます（print結果）。
{'type': 'search', 'content[raw_sword]': 'abc'}

どのようにすればよいのでしょうか。
また、理解が不十分な部分があればそれもご指摘いただければと思います。
よろしくお願いいたします。

コード　

JS側(vue使用)
let data={type:"search",content:{raw_sword:"abc"}};
            console.log(data);
            $.ajax({url:url,type:type,data:data,dataType:"json"})
            .done(function(res){
                V.current_records=res;
            })


python側(bottle)
tes=dict(request.params.decode())
print(tes)


print結果
{'type': 'search', 'content[raw_sword]': 'abc'}


期待する結果
{'type': 'search', 'content':{'raw_sword':'abc'}}

Answer 1

遅くなりましたが自己解決したので投稿しておきます。

まず、ajaxで送信する際に、多次元配列が一次元に書き直されてしまうようでした。
https://qiita.com/QUANON/items/dd39be7602f9e7226e8e

そこで、js側で、data=JSON.stringify(data)を用いて、あらかじめjson文字列にしました。
それをテキストデータとして送信させました。

これをbottleで受けとって、json文字列としてデコードしました。

    request.body.read().decode()
    dic=json.loads(req)

`dict{request.params.decode()}`とすると正常に読めなかったので、`request.body.read().decode()`を使いました。
（このとき初めて知ったのですが、`body`は`BytesIO`でした。ですので、`read()`メソッドで読めました。）

以上で解決しました。

Answer 2

JSに不慣れなのでrequest.params.decode()の中身に自身がないですが、ひとまずjsonモジュールを試してみてはどうでしょう。

import json

tes = json.loads(request.params.decode())
print(tes)

Comments

[退会済みユーザー]

ありがとうございます。
ためしてみたのですが、
TypeError: the JSON object must be str, bytes or bytearray, not 'FormsDict'
となりました。

[tachikoma]

request.params.decode()だけの結果教えてもらえます？？

[退会済みユーザー]

127.0.0.1 - - [17/Jun/2018 23:09:59] "GET /xxxx/ajax?type=search&content%5Braw_sword%5D= HTTP/1.1" 500 1425

これになります。
どうもこの問題のような気がしてきました↓（シリアライズされる。時間がとれず、また確かめられていません）
https://qiita.com/QUANON/items/dd39be7602f9e7226e8e