Ajax フロントエンドとバックエンドの対話方法

今回は、ajax フロントエンドとバックエンドの相互作用の方法について説明します。実際のケースを見てみましょう。 フロントエンドでよく使用されるバックエンドとデータを交換するには、通常、ajaxメソッドが使用されます

しかし、やり取りには多くの方法があり、その多くはバックエンドのプロパティに依存します。ここでは主に以下をリストします。私の現在のプロジェクトの比較です。一般的に使用されている 2 つのメソッド

-- 1 つは一般的な Web API と

コントローラー

です。まず、ajax と webapi の間の相互作用データを詳しく見てみましょうここで概要を説明します。 4 種類の Web API プロパティの説明 - GET、POST、PUT、DELETE

ここでは永昌で GET と POST を使用します

バックエンドでデータを操作するために AJAX を使用する必要がある場合

 $.ajax({
    url: "你的webapi",
    type: "Get",
    DATA{},//这里面写你要传给后端的数据，不过GET方法一般不需要，直接读就可以了
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//请求错误后的报错事件(很重要，如果你报错了不知道哪儿要改的话这个可以帮助你，我个人感觉主要是500报错)
    }
  })

このようなものGET は通常、Web ページで初期化されますバックエンドからデータを読み取ってページに割り当てるときに (専門用語が標準ではないかもしれません。QAQ ご容赦ください)

それでは、私が話したいのは POST メソッドです

$.ajax({
    url: "你的webapi",
    type: "POST",
    DATA{},//这里面写你要传给后端的数据，这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//请求错误后的报错事件(很重要，如果你报错了不知道哪儿要改的话这个可以帮助你，我个人感觉主要是500报错)
    }
  })

一般的な POST メソッドは通常の ajax メソッドと同じですが、WEBAPI メソッドに [HTTPPOST] を追加することを忘れないでください

残りはコントローラーと呼ばれることもありますが、コントローラーへの POST メソッドをいくつかまとめたいと思います。直接 URLPOST することもできますが、個人的には依然として AJAX を使用するのが好きです。主な理由は、AJAX は psot エラーの場所を確認できるからです。この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、お支払いください。 php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Spring MVC で json データを ajax に返すときにエラーを処理する方法

ajax ウォーターフォール フロー実装デモの共有 (コード付き)

以上がAjax フロントエンドとバックエンドの対話方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。