ホームページ ウェブフロントエンド jsチュートリアル jQuery.ajax における成功と完了の違い

jQuery.ajax における成功と完了の違い

May 14, 2018 pm 03:05 PM
success

1

2

3

4

5

6

7

8

$.ajax({

      type: "post",

      url: url,

      dataType:'html',

      success: function(data) { },

     complete: function(XMLHttpRequest, textStatus) { },

     error: function(){}

});

ログイン後にコピー

success: リクエストが成功したときに呼び出される関数。この関数は、サーバーから返されたデータという 1 つのパラメータを取得します。この関数は、リクエストが成功したとき、つまり status==200 のときに呼び出されます。
complete: リクエストが完了すると呼び出される関数。この関数は、XMLHttpRequest オブジェクトと成功したリクエストのタイプを説明する文字列の 2 つのパラメータを取得します。この関数は、リクエストが完了したとき (つまり、status==404、403、302...) に呼び出されます。

そのため、success メソッドまたは complete メソッドを作成するときは、渡されるパラメータに注意し、渡されたパラメータ オブジェクトを使用して問題を解決してください

パラメータ リスト:

String(デフォルト: "application/x-www-form-urlencoded") サーバーに情報を送信するときのコンテンツのエンコードタイプ。デフォルト値はほとんどのアプリケーションに適しています。 Object,サーバーに送信されたデータ。リクエスト文字列形式に自動的に変換されます。 GET リクエストの URL に追加されます。この自動変換を無効にするには、processData オプションの説明を参照してください。キー/値形式である必要があります。配列の場合、jQuery は異なる値に同じ名前を自動的に割り当てます。たとえば、{foo:["bar1", "bar2"]} は '&foo=bar1&foo=bar2' に変換されます。 String
パラメータ名タイプ Description
url String(デフォルト: 現在のページアドレス) リクエストを送信するアドレス。
typeString (デフォルト: "GET") リクエストメソッド ("POST" または "GET")、デフォルトは "GET" です。注: PUT や DELETE などの他の HTTP リクエスト メソッド も使用できますが、一部のブラウザーでのみサポートされています。
timeoutNumberリクエストのタイムアウト(ミリ秒)を設定します。この設定はグローバル設定をオーバーライドします。
async Boolean(デフォルト: true) デフォルトでは、すべてのリクエストは非同期リクエストです。同期リクエストを送信する必要がある場合は、このオプションを false に設定します。同期リクエストはブラウザをロックするため、ユーザーはリクエストが完了するまで他の操作を実行する必要があることに注意してください。
beforeSend Function カスタム HTTP ヘッダーの追加など、リクエストを送信する前に XMLHttpRequest オブジェクトを変更できる関数。 XMLHttpRequest オブジェクトが唯一のパラメータです。

1

2

function (XMLHttpRequest) {         this; // the options for this ajax request

         }

ログイン後にコピー
cache Boolean (デフォルト: true) jQuery 1.2 の新機能、false に設定すると、ブラウザーのキャッシュから リクエスト情報 が読み込まれません。リクエスト完了後の
completeFunctionコールバック関数 (リクエストが成功または失敗したときに呼び出されます)。パラメータ: XMLHttpRequest オブジェクト、成功情報文字列。

1

2

function (XMLHttpRequest, textStatus) {         this; // the options for this ajax request

         }

ログイン後にコピー

contentType
data String
dataTypeサーバーによって返されると予想される

データ型。指定しない場合、jQuery は HTTP パケットの MIME 情報に基づいて responseXML または responseText を自動的に返し、それをコールバック 関数パラメーター として渡します。 使用可能な値:

"xml": jQuery で処理できる XML ドキュメントを返します。

"html": スクリプト要素を含むプレーンテキストの HTML 情報を返します。

"script": プレーンテキストの JavaScript コードを返します。結果は自動的にキャッシュされません。

"json": JSON データを返します。

「jsonp」: JSONP形式。使用 「myurl?callback=?」などの JSONP 形式の関数を呼び出すと、jQuery はコールバック関数を実行するために ? を正しい関数名に自動的に置き換えます。

error Function(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。

1

2

3

function (XMLHttpRequest, textStatus, errorThrown) {         // 通常情况下textStatus和errorThown只有其中一个有值

         this; // the options for this ajax request

         }

ログイン後にコピー
global Boolean(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified Boolean(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData Boolean(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
success Function请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

1

2

3

function (data, textStatus) {         // data could be xmlDoc, jsonObj, html, text, etc...

         this; // the options for this ajax request

         }

ログイン後にコピー

以上がjQuery.ajax における成功と完了の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHPでsuccessメソッドを使用する方法 PHPでsuccessメソッドを使用する方法 Mar 06, 2023 am 09:12 AM

PHP の success メソッドは、成功メッセージを表示するために使用されます。その使用構文は、「Success('...','Http://www.xxx.com/Admin/User/Index');」です。 URL を書き込まない場合、システムは前のページがあるかどうかを判断し、システムがある場合は前のページにジャンプし、そうでない場合はジャンプしません。

Laravelで成功メソッドを使用する方法 Laravelで成功メソッドを使用する方法 Aug 10, 2023 pm 02:09 PM

Laravelでは、コントローラーで成功の応答を返すためにsuccessメソッドが使用されます。 success メソッドを使用するには、コントローラーに Response クラスを導入する必要があり、その後、このクラスのインスタンスを使用して success メソッドを呼び出すことができます。応答メッセージ、返されるデータ、応答ステータス コードを設定し、これらのパラメータを success メソッドに渡すことができます。設定したメッセージとユーザー データを含む成功応答が返されます。

PHP での成功方法のベスト プラクティスを学ぶ PHP での成功方法のベスト プラクティスを学ぶ Mar 22, 2024 pm 02:51 PM

PHP での成功方法のベスト プラクティスを学ぶには、具体的なコード サンプルが必要です。PHP は、Web 開発の分野で広く使用されている人気のあるサーバーサイド スクリプト言語です。 PHP では、success メソッドは操作が成功したかどうかを判断するために使用される一般的なメソッドであり、通常は成功メッセージまたはコードを返すために使用されます。 PHP での成功方法のベスト プラクティスを学ぶには、実際のコード例を使用して実証し、説明する必要があります。まず、成功を示す簡単な例を見てみましょう。

プロジェクト開発を最適化する: マスター Laravel の成功メソッド プロジェクト開発を最適化する: マスター Laravel の成功メソッド Mar 10, 2024 pm 10:00 PM

プロジェクト開発の最適化: Laravel の成功メソッドをマスターするには、具体的なコード例が必要です 今日のペースの速いソフトウェア開発環境において、いかにしてプロジェクトを効率的に開発し、プロジェクトの安定した運用を確保するかが開発者にとって重要な課題となっています。 Laravel は、現在人気のある PHP 開発フレームワークの 1 つとして、開発者がプロ​​ジェクトを迅速に構築および最適化できるようにするための便利な機能とメソッドを多数提供しています。その中でもサクセスメソッドはLaravelの非常に便利な機能で、プロジェクト開発時に利用することができます。

Laravel成功メソッドの効率的な応用スキル Laravel成功メソッドの効率的な応用スキル Mar 10, 2024 pm 01:30 PM

Laravelsuccess メソッドの効率的な適用スキル Laravel は非常に強力な PHP フレームワークであり、開発者が高品質の Web アプリケーションを迅速に構築できるようにするための便利なメソッドとツールが多数提供されています。このうち成功メソッドは開発でよく使われるメソッドであり、成功時のリターン処理を行う際に非常に実用的です。この記事では、成功メソッドの効率的な適用テクニックを紹介し、読者がこのメソッドをよりよく理解して適用できるように、具体的なコード例を示します。成功メソッドの仕組み

Laravelの成功法を活用して開発効率を向上 Laravelの成功法を活用して開発効率を向上 Mar 11, 2024 pm 02:06 PM

タイトル: LaravelSuccess メソッドを使用して開発効率を向上させる Laravel 開発では、ユーザーのリクエストを正常に処理し、関連する情報を返すことが非常に重要なタスクです。このプロセスを簡素化し、開発効率を向上させるために、Laravel では成功メソッドが提供されています。この記事では、success メソッドを使用して成功した応答の処理を簡素化する方法を説明し、具体的なコード例を示します。概要 Laravel の success メソッドは、成功応答を生成するために使用され、

Laravel で成功メソッドを使用するためのガイド Laravel で成功メソッドを使用するためのガイド Mar 10, 2024 pm 03:45 PM

Laravel での success メソッドの使用ガイド Laravel フレームワークでは、success メソッドは成功の応答を返すために非常によく使用されるメソッドです。これは API 開発で特に一般的であり、戻りデータ形式を標準化し、フロントエンド開発をより便利にするのに役立ちます。この記事では、success メソッドの使用ガイドラインを詳しく説明し、その使用法を示す具体的なコード例を示します。成功メソッドとは何ですか? Laravelフレームワークの成功メソッド

Laravelの成功メソッドを深く理解する Laravelの成功メソッドを深く理解する Mar 09, 2024 pm 09:15 PM

Laravel フレームワークを使用してアプリケーションを開発する場合、操作が成功した後にプロンプ​​ト情報を表示する必要がある状況によく遭遇します。この場合、Laravel の成功メソッドを使用して、迅速かつ簡単にそれを達成できます。この記事では、Laravel での success メソッドの使用法について、その機能、パラメーターの意味、具体的なコード例などを含めて詳しく説明します。 1. success メソッドの機能 Laravel フレームワークでは、success メソッドはセッションに属します。

See all articles