ホームページ >ウェブフロントエンド >jsチュートリアル >jsでel式を使う手順を詳しく解説

jsでel式を使う手順を詳しく解説

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-03 09:55:091774ブラウズ

今回は、jsでelexpressionを使用する手順について詳しく説明します。jsでel式を使用する場合の注意点は何ですか。実際のケースを見てみましょう。

シナリオ:

ページがジャンプした後、spring mvc を使用して jsonobject をフロントエンド ページに渡します。これは js で取得して処理する必要があります。

返された json オブジェクト:

{"nodes":[{"contactmobile":"15922208502","orderno":"XNH31918062989476864"},{"id":"12198","group":"11","content":"把考虑考虑","modelname":"Company"}],"links":[{"target":"12198","id":"15016","relationType":"公司","source":"12194"}]}
var graph; 
var flag = "${empty jsonData}"; 
if(flag!="true"){ 
  graph = eval('(' + '${jsonData}' + ')'); 
};

ここに注意事項があります:

js で el 式を使用する場合は、必ず引用符を使用してください。返された JSON に二重引用符が含まれている場合は、一重引用符を使用して el 式を囲み、それ以外の場合は二重引用符を使用します。

また、eval関数を使ってjson文字列をオブジェクトに変換する書き方にも注意してください。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Json データをフロントエンドからバックエンドに送信する方法

データ内の HTML フィールドを HTML タグに変換する方法

アップロード時に jQuery を使用して画像をローカルでプレビューする

以上がjsでel式を使う手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。