バックエンドと対話するフロントエンド Ajax のさまざまなジェスチャ (グラフィック チュートリアル)

この記事では主に、フロントエンドの ajax とバックエンドの相互作用に関するさまざまな関連知識を紹介します。これは参考価値があります。一緒に見てみましょう

フロントエンドでよく使用されるバックエンドとデータを交換するには、通常、ajaxメソッドが使用されます

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

-- 1 つは私たちの共通の Web API とコントローラーです

まず第一に、ajax と webapi の間の相互作用データを詳しく見てみましょう

これは Web の簡単な説明です API の 4 つの属性 - GET、POST、PUT、DELETE

私、Yongchang は 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 が psot エラーの場所を確認できるため、私は依然として AJAX を使用するのが好きです。今後も皆様のお役に立ちますように。

関連記事:

dwz

ajaxloadingを削除する方法 (グラフィックチュートリアル)

FormData+Ajaxを使用してアップロード進行状況監視を実装

Ajaxがデータを返す前のロード待機効果 (グラフィックチュートリアル)

以上がバックエンドと対話するフロントエンド Ajax のさまざまなジェスチャ (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。