ジャンゴPythonは、データのjQueryの型にテンプレート言語をレンダリングするために、データに直接入力します

1を、という提供:

  データ型とPython jQueryのデータ型変換のシーケンスで必要とされるとき、私たちはJSONを介して行われます以下は、シリアライズ

  1:でPythonのPythonの型環境各データ型変換JSON:

    パイソン----> JSON :(なおインポートJSON)json.dumps(データ)、Python用のデータ型データ

    JSON ---->パイソン:json.loads(データ)、JSONのデータ列

  2:環境ではjQueryのjQueryのJSONデータ型のデータ型変換別:

    ----のjQuery> JSON:JSON .stringify(データ)、データは、データ型のjQueryであります

    ---- JSON>のjQuery:JSON.parse(データ)、JSONへのデータ列

2、Djangoの描画データ

= {COMMODITY_TYPE 
            「女性/下着」:[「人気の季節」、「機能のトップレス」、「ロマンチックなドレス」、「注目の女性」]、
            「男性/アウトドアスポーツ」:[「男性の動向」、「紳士ジャケット「」内側の男に乗って「]、」男性の特徴『
            』女性/メンズ靴/バッグ『:[』推奨の靴「」靴の潮「」メンズファッション「」トレンドのハンドバッグを、 『』関数荷物「」細かい男『]、
            』家電『:[』 TV「」冷房「」台所の大きな力「」電動小さなキッチン「」電気的寿命「」健康&「] 、
            「携帯電話/コンピュータオフィス」:[「ホット電話」、「スマートデジタル」、「コンピュータ」、「携帯電話の契約」]、
            「ビューティ/パーソナルケア」:[「フェイシャルスキンケア」、「香りメイク」 「ヘアケア」、「口腔ケア」]、
            "本/エンターテイメント/教育/電子書籍「:[」補足資料「」人文・社会科学「」インスピレーションによって投与教育訓練「」 『]、 
            』ホーム/家具/ホームセンター/キッチン『:[』ブティックソファ」 「寝室の家具」、「台所用品」、「家中のカスタム」]、
            「スナック/紅茶とワイン/輸入食品」:[「輸入食品」、「おやつ」、「高霊」、「ハードカバー赤ワイン」、「ファイン茶「]、 
            」自動車/アクセサリー/消耗品「:[」クッションマット「」美容クレンジング「」車の装飾「」電気自動車「」オイルタイヤ「]、ファイン茶「]、 」自動車/アクセサリー/サプライ「:[」クッションマット「」美容クレンジング「」車の装飾「」電気自動車「」オイルタイヤ「]、ファイン茶「]、 」自動車/アクセサリー/サプライ「:[」クッションマット「」美容クレンジング「」車の装飾「」電気自動車「」オイルタイヤ「]、
            」テキスタイル/家具/花「:[」何ホット「」寝具「」ホームアクセサリー「」ホーム布「」花や植物「]、
        }ハードカバー赤ワイン「」高品質の茶『]、 』テキスタイル/インテリア/花『:[』何ホット「」寝具「」ホームアクセサリー「」ホーム布「」花や植物「]、}ハードカバー赤ワイン「」高品質の茶『]、 』テキスタイル/インテリア/花『:[』何ホット「」寝具「」ホームアクセサリー「」ホーム布「」花や植物「]、} 
DEF commodityManage(要求):
    インポートは、JSON 
    (レンダリング要求を返します"ショップ/ commodityManage.html"、{ "commodityClass":json.dumps(COMMODITY_TYPE)})

 3、テンプレート言語は、データの場所をレンダリングする指定しました

  記述:データ・タイプは、以下のコードで、JSのスクリプトは、位置を指定して受信データを格納する変数を定義する必要があり、jQueryのに変換され{{commodityClass |安全}} HTMLコードでJSON文字列が描画される必要がありますそのことを、単一引用符を囲む」を使用JSON.parse()が動作するように、同時に、それは、JSON文字列データコードが送信前にエスケープされていないことを確認するために、コードのセキュリティの安全を指定したフィルタを使用する必要があります。

< スクリプト> 
        VAR commodityClass = JSON.parse(' {{commodityClass |安全}} ' );
</ スクリプト>

 

おすすめ

転載: www.cnblogs.com/yuncaige/p/12514280.html