Ajaxを使ってJSON形式の細かいソリューションデータの相互作用

フロントエンドのAjaxのgetの後の段階でデータを送信するために、JSON、さらに試み、いくつかの試みが、私たちは、法律のものを見つけるために何回か試してみてくださいので、パフォーマンスは同じではありません、上記および上記PCのセントのOSで見つかった、とAの後、経由記録。

1. JSONは普通の辞書を送ります

これは、最も単純で、キーと値のペアでなく、最も基本的な機能を起動するのが最も簡単、最も基本的なオンラインチュートリアルは、ある
辞書に、charts_name辞書送信文字列、最も簡単な形式です

 charts_name = {'chart1_name':'大灯材质图','chart2_name':'大灯材质分布图'}
 datas = {'charts_name':charts_name}
content = json.dumps(datas, ensure_ascii=False)

打ち上げが成功し、受信成功

2. JSONの送信リスト

ITEM_NAMEとitem_value二つのリスト

 item_name = ['LED', '卤素', '氙气']
 item_value = ['266', '126', '15']
 datas = {'item_name': item_name, 'item_value': item_value}
 content = json.dumps(datas, ensure_ascii=False)

打ち上げが成功し、受信成功

3. JSON組成物は、辞書リスト+を送信します

これは、実際のアプリケーション、辞書+自然のリストの詳細です。1ドルのポートフォリオ、1の深さ

charts_name = {'chart1_name':'大灯材质图','chart2_name':'大灯材质分布图'}
item_name = ['LED', '卤素', '氙气']
item_value = ['266', '126', '15']
datas = {'item_name': item_name, 'item_value': item_value,
             'car_prosys_name': car_prosys_name,'charts_name':charts_name}

打ち上げが成功し、受信成功

4. JSONは辞書リスト+ +辞書リスト構図を送信します

これは、高度なアプリケーションであり、辞書のリストは、2の深さに達しています

 charts_name = {'chart1_name':'大灯材质图','chart2_name':'大灯材质分布图'}
    item_name = ['LED', '卤素', '氙气']
    item_value = ['266', '126', '15']
    car_prosys_name = ['德系', '日系', '自主', '美系', '韩系', '法系']
    car_prosys_value = [{'LED': ['266', '126', '15', '15', '15', '15']},
                        {'卤素': ['266', '126', '15', '15', '15', '15']},
                        {'氙气': ['266', '126', '15', '15', '15', '15']}]
    datas = {'charts_name':charts_name,
             'item_name': item_name, 'item_value': item_value,
             'car_prosys_name': car_prosys_name,'car_prosys_value': car_prosys_value}

その結果、正常な送信、エラーを受信して解析するように、深さリスト識別辞書2が対象となります。

インターネット検索では、私は解決策を見つけることができる必要があり、伝統的な財産でアヤックスがtrueに設定されています。
案の定、これはJSONの解析方法の深さがあります。
次に、私は伝統的な、他のさまざまな組み合わせを試してみました：trueの場合、可能です。

5.まとめ

データ交換のための前端と後端JSONは、1以上の深さのためのデータは、伝統的にはtrueに設定されなければならない場合。一般的なレコードの感覚が、私は多くの時間を無駄にしました。