取得リクエストを事前に実行し、プログラミングの特定の条件下でリクエスト結果を処理するにはどうすればよいですか？

非同期GETリクエストと条件付き結果処理

この記事では、プログラミングで事前にゲットリクエストを実行し、特定の条件が満たされた後に結果を処理する方法について説明します。これは、ユーザーインタラクション（マウスホバーイベントなど）に応答する必要があるシナリオで役立ち、ネットワークリクエストの結果に依存しています。リクエストが完了するまで遅延待機を使用することは、ユーザーエクスペリエンスに影響を与えるため、最良のソリューションではありません。

次のスキームでは、不必要な遅延待機を避けるために、非同期リクエスト機能を利用しています。

まず、 GM_xmlhttpRequest （greasemonkey/tampermonkey）を使用して、GETリクエストを実行します。明確にするために、元のコードのgetwebsiteをより記述的な関数名に置き換えました。

 requesturl = 'http://aaa.com';
extractedLink = nullとします。 //抽出されたリンクを保存するために使用されるrequestfinished = false; // request request flag function fetchandextractlink（）{
    gm_xmlhttprequest（{
        方法：「取得」、
        url：requesturl、
        onload：function（response）{
            if（respons.status === 200）{
                const parser = new domparser（）;
                const doc = parser.parsefromstring（respons.responsetext、 'text/html'）;
                const linkelement = doc.queryselector（ '。item> a'）;
                ExtractedLink = linkelement？ linkelement.href：null;
            } それ以外 {
                Console.Error（ 'ステータス：'、respons.status）でリクエストが失敗します）;
            }
            requestfinished = true; //リクエスト完了フラグを設定}、
        oneerror：function（error）{
            console.error（ 'request request error：'、error）;
            requestfinished = true; //エラーがある場合でも完了フラグを設定}
    }）;
}

fetchandextractlink（）;

このコードはgetリクエストを実行し、 .item > aセレクターが応答から一致する最初のリンクを抽出します。キーは、リクエストが完了したかどうか（成功か失敗）かを示すrequestFinished Flagにあります。

次に、マウスオーバーイベントハンドラー関数では、 requestFinishedフラグを確認します。

 //「MyElement」がマウスホバードキュメントを聞く必要がある要素であるとします。GetElementByID（ 'MyElement'）。AddEventListener（ 'MouseOver'、function（）{
    if（requestfinished）{
        if（ExtractedLink）{
            window.open（extractedlink）;
        } それ以外 {
            console.log（ '応答にリンクは見つかりません。'）;
        }
    } それ以外 {
        console.log（ '要求はまだ進行中です。'）;
    }
}）;

このイベントリスナーは、マウスがmyElementの上にホバリングされたときにトリガーされます。 requestFinishedをチェックすると、リンクがリクエストが完了してリンクが抽出された後にのみリンクが開かれます。リンクが抽出されない場合、対応する情報は出力されます。これにより、不必要な遅延が回避され、より信頼性の高いエラー処理が提供されます。

この方法は、非同期操作とステータスフラグを通じて特定の条件下でゲットリクエストの結果を処理する問題をエレガントに解決し、ユーザーエクスペリエンスとコードの堅牢性を向上させます。 'myElement'実際の要素のIDに置き換えることを忘れないでください。

以上が取得リクエストを事前に実行し、プログラミングの特定の条件下でリクエスト結果を処理するにはどうすればよいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。