2016-10-07 67 views
1

からデータを取得するときに、ボタンのクリックを使用アヤックスはデータは、Ajaxは、サーバ

を追加するとき、私はページを持ってHTML出力を作成し、エンドまたはバックエンドのフォントべき

私はバックエンド聞かせJSONのみOBJとフロントエンドJSを聞かせて送信する必要がありますされて、私の質問最後に戻ってみましょう

OR

にブラウザでHTMLとそれにすべてのオブジェクトの値を配置し、出力を作成するJSONのOBJを取得し、私もangularjsを試してみましたのみ出力すること

htmlとフロントエンドを作成します - >テンプレート - >ブラウザ

+0

角度を使用している場合、すべてのテンプレートが角度に対して行われ、jsonを送信してコントローラスコープに渡します。 – charlietfl

答えて

1

は、2つの方法があります。

  1. あなたはあなたのサーバー(バックエンド)は、クライアントのブラウザにロードされたJSにXMLまたはJSONデータを送信することができます

    。 XMLとJSONはHTMLタグのない純粋なデータです。 JSは、適切なHTMLタグを追加してこのデータを処理して表示する必要があります。

    注:
    a。より速いサーバー応答。
    b。データ転送の標準的な方法でxmlまたはjsonで応答します。データが大きい場合は非常に便利です。
    c。サーバーサイドとクライアントサイドのコーディングはそれほど簡単ではありません。

  2. クライアントのブラウザにロードされたJSにHTML応答を送信するようにサーバー(バックエンド)を設定できます。あなたのJSは、あなたの既存のHTMLページにHTMLレスポンスを挿入することができます。

    注:。 a a。応答は遅くなる可能性がありますが、サーバー側のコーディングは簡単です。
    b。 HTMLレスポンスは、より大きいサイズを持つ可能性があるため、より多くの帯域幅を消費します。
    c。コーディングは簡単で簡単です。

私が間違っていたり、混乱何かを書かれている場合は、他のは、この編集を願って、:)

+0

JSを使用してHTMLを作成してすべて追加すると、それは非常に効率的ではありません。 –

+0

@BenjaminWは、統合されたテンプレートエンジンを備えたJavaScriptフレームワークを使用し、実際にはデータバインディングを実行するためのコードを書く必要がないため、 htmlの更新 – charlietfl

0

私はそれだけでデータを送信し、注入バックエンドを持っている方が良いと思いますしかし、あなたはそれを両方の方法を行うことができますそのデータを表示します。その理由は、バックエンドをスタブアウトしてフロントエンドをテストする方が簡単だからです。また、多くのリワークを行うことなく、バックエンドを別のプラットフォームにアップグレードまたは交換することもできます。あなたのバックエンドは、HTMLではなくJSONを返す場合、テストするのが簡単になります。