すべての ajax が実行され、ページがロードされます。-jsチュートリアル-php.cn

インスタンス

ホームページ

ウェブフロントエンド

jsチュートリアル

すべての ajax が実行され、ページがロードされます。

巴扎黑

Jul 03, 2017 am 11:03 AM

ajax 負荷ページ

jquery ajax&loadメソッドではロード後のページのajax再レイアウトによりjsエフェクトが表示されない、またはエフェクトエラーが発生します。

解決策: 不完全な実行によって引き起こされる最終エラーを避けるために、ajax get postやloadなどの後にメソッドを実行する必要があります。

次に、まずロードメソッドの定義を確認します。

jQuery ajax - load() 方法
 
jQuery Ajax 参考手册
实例
 
使用 AJAX 请求来改变 p 元素的文本：
 
$("button").click(function(){
  $("p").load(&#39;demo_ajax_load.txt&#39;);
});
 
亲自试一试
 
您可以在页面底部找到更多 TIY 实例
定义和用法
 
load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。
 
注释：还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。
语法
 
load(url,data,function(response,status,xhr))
 
参数  描述
url     规定要将请求发送到哪个 URL。
data    可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)   
 
可选。规定当请求完成时运行的函数。
 
额外的参数：
 
    response - 包含来自请求的结果数据
    status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）
    xhr - 包含 XMLHttpRequest 对象
 
详细说明
 
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 "success" 或 "notmodified" 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单：
 
$("#result").load("ajax/test.html");
 
如果提供回调函数，则会在执行 post-processing 之后执行该函数：
 
$("#result").load("ajax/test.html", function() {
  alert("Load was performed.");
});
 
上面的两个例子中，如果当前文档不包含 "result" ID，则不会执行 .load() 方法。
 
如果提供的数据是对象，则使用 POST 方法；否则使用 GET 方法。
加载页面片段
 
.load() 方法，与 $.get() 不同，允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
 
我们可以修改上面的例子，这样就可以使用所获得文档的某部分：
 
$("#result").load("ajax/test.html #container");
 
如果执行该方法，则会取回 ajax/test.html 的内容，不过然后，jQuery 会解析被返回的文档，来查找带有容器 ID 的元素。该元素，连同其内容，会被插入带有结果 ID 的元素中，所取回文档的其余部分会被丢弃。
 
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，比如 <html>, <title> 或 <head> 元素。结果是，由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。
 
注释：由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。
更多实例
例子 1
 
加载 feeds.html 文件内容：
 
$("#feeds").load("feeds.html");
 
例子 2
 
与上面的实例类似，但是以 POST 形式发送附加参数并在成功时显示信息：
 
$("#feeds").load("feeds.php", {limit: 25}, function(){
  alert("The last 25 entries in the feed have been loaded");
});
 
例子 3
 
加载文章侧边栏导航部分至一个无序列表：
 
HTML 代码：
 
<b>jQuery Links:</b>
<ul id="links"></ul>
 
jQuery 代码：
 
$("#links").load("/Main_Page #p-Getting-Started li");

ログイン後にコピー

コールバックメソッドがあることがわかりました。コールバックに独自のメソッドを記述すると、ajax の後に実行されます。それ以来:

$("#feeds").load("feeds.php", function(){
    fun();
});

ログイン後にコピー

しかし、疑問があります。複数ある場合はどうすればよいでしょうか? それぞれの後に追加しますか?また、このメソッドが実行されたかどうかも判断します。 (...)

つまり: jquery の組み込み判定を見つけて、すべてが完了した後に実行します。つまり:

$("p").ajaxStop(function(){
    if (hash && !isGlobalHash) {
        $("#MfTit"+hash).trigger("click");
        isGlobalHash = true;
    }
});

ログイン後にコピー

定義:

インスタンス

When all AJAX リクエストが完了すると、プロンプトが表示されますボックスがトリガーされます:

$("p").ajaxStop(function(){
  alert("所有 AJAX 请求已完成");
});

ログイン後にコピー

もちろん、停止がある場合は開始もあります。

以上がすべての ajax が実行され、ページがロードされます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7534

CakePHP チュートリアル

1379

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Wordでページをコピーする方法 Feb 20, 2024 am 10:09 AM

Microsoft Word でページをコピーし、書式設定をそのまま維持したいですか? Word でページを複製すると、特定の文書レイアウトまたは形式のコピーを複数作成する場合に時間の節約に役立つため、これは賢明なアイデアです。このガイドでは、テンプレートを作成する場合でも、文書内の特定のページをコピーする場合でも、Word でページをコピーする手順を段階的に説明します。これらの簡単な手順は、最初から始めなくてもページを簡単に再作成できるように設計されています。 Microsoft Word でページをコピーする必要があるのですか? Word でページをコピーすることが非常に有益である理由はいくつかあります。特定のレイアウトまたは形式の文書をコピーしたい場合。ページ全体を最初から再作成するのとは異なります

Illustrator でのプラグインの読み込みエラー [修正] Feb 19, 2024 pm 12:00 PM

Adobe Illustrator を起動すると、プラグインの読み込みエラーに関するメッセージが表示されますか?一部の Illustrator ユーザーは、アプリケーションを開いたときにこのエラーに遭遇しました。メッセージの後には、問題のあるプラグインのリストが続きます。このエラーメッセージは、インストールされているプラグインに問題があることを示していますが、Visual C++ DLL ファイルの破損や環境設定ファイルの破損など、他の理由によって発生する可能性もあります。このエラーが発生した場合は、この記事で問題を解決する方法を説明しますので、以下を読み続けてください。 Illustrator でのプラグインの読み込みエラー Adobe Illustrator を起動しようとしたときに「プラグインの読み込みエラー」エラーメッセージが表示された場合は、次の操作を行うことができます。管理者として

Stremio の字幕が機能しない; 字幕の読み込みエラー Feb 24, 2024 am 09:50 AM

Windows PC の Stremio で字幕が機能しませんか?一部の Stremio ユーザーは、ビデオに字幕が表示されないと報告しました。多くのユーザーが、「字幕の読み込みエラー」というエラーメッセージが表示されたと報告しています。このエラーとともに表示される完全なエラーメッセージは次のとおりです: 字幕の読み込み中にエラーが発生しました字幕の読み込みに失敗しました: これは、使用しているプラグインまたはネットワークに問題がある可能性があります。エラーメッセージにあるように、インターネット接続がエラーの原因である可能性があります。したがって、ネットワーク接続を確認し、インターネットが適切に機能していることを確認してください。これとは別に、このエラーの背後には、競合する字幕アドオン、特定のビデオコンテンツでサポートされていない字幕、古い Stremio アプリなど、他の理由が考えられます。のように

jQuery AJAX リクエストで発生した 403 エラーを解決する方法 Feb 20, 2024 am 10:07 AM

タイトル: jQuery AJAX リクエストの 403 エラーを解決する方法とコード例。403 エラーは、サーバーがリソースへのアクセスを禁止するリクエストを指します。このエラーは通常、リクエストにアクセス許可がないか、サーバーによって拒否されたために発生します。 jQueryAJAX リクエストを行うときにこのような状況に遭遇することがありますが、この記事ではこの問題の解決方法とコード例を紹介します。解決策: 権限を確認します。まず、要求された URL アドレスが正しいことを確認し、リソースにアクセスするための十分な権限があることを確認します。

Web ページをすばやく更新するにはどうすればよいですか? Feb 18, 2024 pm 01:14 PM

ネットワークを日常的に使用する中でページの更新は頻繁に行われますが、Web ページにアクセスすると、Web ページが読み込まれない、表示が異常になるなどの問題が発生することがあります。現時点では、通常、問題を解決するためにページを更新することを選択しますが、ページを素早く更新するにはどうすればよいでしょうか?ページ更新のショートカットキーについて説明します。ページ更新ショートカットキーは、キーボード操作で現在のWebページを素早く更新する方法です。オペレーティングシステムやブラウザが異なると、ページを更新するためのショートカットキーが異なる場合があります。以下では一般的な W を使用します。

jQuery AJAXリクエスト403エラーを解決する方法 Feb 19, 2024 pm 05:55 PM

jQuery は、クライアント側の開発を簡素化するために使用される人気のある JavaScript ライブラリです。 AJAX は、Web ページ全体をリロードせずに、非同期リクエストを送信し、サーバーと対話するテクノロジーです。ただし、jQuery を使用して AJAX リクエストを行うと、403 エラーが発生することがあります。 403 エラーは通常、セキュリティポリシーまたは権限の問題が原因で、サーバーによってアクセスが拒否されたエラーです。この記事では、jQueryAJAX リクエストで 403 エラーが発生した場合の解決方法について説明します。

ハイパーリンクを挿入すると Outlook がフリーズする Feb 19, 2024 pm 03:00 PM

Outlook にハイパーリンクを挿入するときにフリーズの問題が発生した場合は、不安定なネットワーク接続、古い Outlook バージョン、ウイルス対策ソフトウェアによる干渉、またはアドインの競合が原因である可能性があります。これらの要因により、Outlook がハイパーリンク操作を適切に処理できない可能性があります。ハイパーリンクの挿入時に Outlook がフリーズする問題を修正する次の修正プログラムを使用して、ハイパーリンクの挿入時に Outlook がフリーズする問題を修正します。インストールされているアドインを確認する Outlook を更新するウイルス対策ソフトウェアを一時的に無効にして、新しいユーザープロファイルの作成を試行する Office アプリプログラムを修正する Office をアンインストールして再インストールする始めましょう。 1] インストールされているアドインを確認する Outlook にインストールされているアドインが問題の原因となっている可能性があります。

3 秒でページジャンプを実装する方法: PHP プログラミングガイド Mar 25, 2024 am 10:42 AM

タイトル: 3秒でできるページジャンプの実装方法: PHPプログラミングガイド Web開発においてページジャンプは一般的な操作ですが、通常はHTMLやJavaScriptのメソッド内のメタタグを使ってページにジャンプします。ただし、特定のケースでは、サーバー側でページジャンプを実行する必要があります。この記事では、PHPプログラミングを使用して、3秒以内に指定したページに自動でジャンプする機能を実装する方法と、具体的なコード例を紹介します。 PHP を使用したページジャンプの基本原理 PHP は一種の

See all articles

すべての ajax が実行され、ページがロードされます。

インスタンス

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック