JS経由でJSONデータを取得・ロードする手順を詳しく解説

今回はJSでJSONデータを取得、ロードする手順を詳しく解説します。 JSでJSONデータを取得、ロードする際の注意点について、実際のケースを見てみましょう。

JSを介してJSONデータを取得およびロードする手順の詳細な説明

繰り返しコンテンツロジックを含むページを作成する場合、jsonデータを使用するとプログラミング効率が大幅に向上し、後のデータメンテナンスが容易になります。そのため、ビデオトピックページでは複数列のビデオデータを表示する必要があるため、jsonを使用することにしました。

HTML は次のとおりです (重要な部分のみを示し、JQ は引用する必要があります)

<p class="container-fluid content ">
    <p class="container neirong">
      <p class="left fl">
        <p class="title">
          热门视频
        </p>
        <p class="medialist">
        </p>
      </p></p>
</p>

JSは以下の通りです

rreee

注釈部分を読む必要はありません。内容には影響しません。

まず、新しい json ファイルを作成する必要があります。json ファイルで注意する必要がある問題は、json にはデータ形式の要件があり、URL 内のさまざまな記号が認識されないため、エラーが表示されることです。修復されない場合、JS プロセスがブロックされ、ページ上のデータが失われます。この問題を見つけるまで長い間探していましたが、JSON の問題はエラーを報告しません。 jsで。解決策は、encode メソッドを使用して URL をフォーマットし、それを json に追加することです。また、decode を使用して HTML に変換し直す必要もあります。

2 番目の落とし穴は、HTML を特定のタグに挿入することです。これを実現するには 4 つの方法があります。その逆は使用しないでください。

3 番目の点は、文字列を結合するときにプラス記号を忘れないでください。1 つの文字列が欠けていると問題が発生します。また、JS はエラーを報告しません。スプライシングエラーの場合、発見が困難になります。

以上がJSONデータの取得と読み込み方法です。

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

推奨読書:

プロジェクトでJSとajaxのホモロジー戦略を使用する方法

キャンバス上で軌跡の再生を実装する方法

以上がJS経由でJSONデータを取得・ロードする手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。