ajax でデータをリクエストするとどのような問題が発生しますか?

今回は、Ajax 経由でデータをリクエストする際にどのような問題が発生するかについて紹介します。 Ajax 経由でデータをリクエストする場合の 注意事項 について、実際のケースを示しますので、一緒に見てみましょう。

jqueryを使用し、post requestdata: dataを使用する場所:JSON.stringify(data)

$.ajax({
 type:"POST",
 async : false,
 url:"../../gzq/circle/deleteTeam",
 dataType:"json",
 contentType:"application/json; charset=utf-8",
 data:JSON.stringify(c),
 success:function(data){
  console.log(data);
 },
 error:function(error){
  console.log(error);
 }
});

理由: 実際、JSON.stringify(data)を使用しない場合、stringsplicing, 'になります。 name =vinxent&age=21' は get メソッドに似ています。 JSON.stringify(data) を使用すると、json オブジェクトが送信されます - "{name;'vinxent', age:21}"

したがって、一般的なシナリオでは、get メソッドは JSON.stringify を必要としませんが、 postメソッドはそうします。

angularJSリクエストの概要

$q の遅延読み込みの使用 (angularJS でのお約束)

.service('findXfzzShopInfo', ['$http', '$q', function($http, $q) {
 this.get = function(shopClassId, val) {
  var def = $q.defer();
  $http({
   url: '../../shop/findXfzzShopInfo?shopClassId=' + shopClassId + '&val=' + val,
   method: 'GET',
   cache: true
  }).then(function(resp) {
   def.resolve(resp.data);
  }).catch(function(err) {
   def.reject(err.data);
  });
  return def.promise;
 };
}])

環境を判断する必要があるため、リクエストはサービスとしてカプセル化され、$q の遅延が遅延されます使用負荷です。

キャッシュ: 真の設定

リクエストの内容が長期間変更されない場合、この設定を使用してリクエストをキャッシュし、サーバーの負荷を軽減し、ページの速度を上げ、キャッシュをクリアできます。ページを閉じたとき。また、キャッシュの背後で時刻を設定することもできます。

リクエストが 200 の場合、失敗した関数が使用されていることが分かります

ここで話したいのは、responseType を設定することではありませんが、get リクエスト中にバックグラウンドでリストを返すときに、値がある場合は検索します。値がない場合は、バックグラウンドは何も返しません。この時点では、失敗した関数が入力されているため、バックグラウンドはまだ騙されています。バックグラウンドと話し合うと、空のオブジェクトも返されます。

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

推奨読書:

jQuery セレクターは、すべての親要素と後続の要素を一度に取得します

jquery+ajax によるデータ更新の実装方法

起動ページにデータをすぐにロードするための jquery の実装

jqueryを使用して入力ボックスのテキストコンテンツを操作します

以上がajax でデータをリクエストするとどのような問題が発生しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。