フロントエンド Ajax とバックエンド インタラクションの詳細な説明

フロントエンドで頻繁に使用されるバックエンドとのデータのやり取りには、通常、ajaxが使用されます。この記事では、フロントエンドのajaxとバックエンドの相互作用に関するさまざまな関連知識を中心に紹介します。以下のエディターで見てみましょう。皆さんのお役に立てれば幸いです。

しかし、対話する方法はたくさんあり、その多くはバックエンドのプロパティに依存します

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

。

まず、ajax と webapi の間の対話データを詳しく見てみましょう

ここでは、Web API の 4 つのプロパティ (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 メソッドと同じです。[ を追加することを忘れないでください。 HTTPPOST] を WEBAPI メソッドに追加します

残りは、時々使用されるコントローラーへの POST メソッドをいくつかまとめたいと思います。コントローラーは直接 URLPOST できますが、主に AJAX は psot エラーの場所を確認できるため、個人的には依然として AJAX を使用するのが好きです。

$.ajax({
          url: 你的控制器/你的控制器方法名字,
          type: 'POST',
          dataType: 'json',
          data: ,//依旧是你要传递参数的值
          contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊  
          success: function (data) {
            //成功后的返回事件
          }
        });

私が個人的に渡す値は json 型であるように感じられることは言及する価値がありますが、非 json 型パラメータを渡すことはまだテストしていません

関連する推奨事項:

フロントの PHP モジュール化。 end ajax呼び出し実装 ajax php post jquery ajax php ajaxのポイント

データを動的にロードするAjaxの強みを共有する

例の詳細な説明 jsとjsonを組み合わせてajaxを実装する簡単な例

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