Get Requestsを事前に実行し、プログラミングの特定の条件下で結果を処理する方法は？

GETリクエストを事前に実行し、特定の条件下で結果を処理する方法を使用する

プログラミングでは、特定の条件が満たされた後、事前に開始されたGETリクエストの結果を処理する必要があることがよくあります。たとえば、マウスがページ上の要素に移動するとき、リクエストが完了した後に結果を処理し、戻り結果にリンクを開きます。以下は、この関数を実装する方法と例です。

問題の背景

ユーザーは、GETリクエストを事前に実行し、マウスがページ上の要素に移動したときのリクエストの結果を処理し、返される結果にリンクを開きたいと考えています。現在の実装は、1500ミリ秒を遅らせることでリクエストが完了するのを待ってから、リンク結果のリンクを処理することです。ただし、ユーザーは遅延を必要としないメソッドを見つけたいと考えており、リクエスト結果リンクを開くときにGETリクエストが完了したかどうかを判断できます。

要求関数の例

まず、ユーザーが提供するリクエスト関数の例を見てみましょう。

 var Jhref;
関数getWebsite（s）{
    xhrresult = ''とします。
    jhref = 'http://aaa.com';
    gm_xmlhttprequest（{
        方法：「取得」、
        URL：jhref、
        onload：function（result）{
            xhrresult = result.status;
            ret domnew = new domparser（）。parsefromstring（result.responsetext、 'text/html'）;
            let linkelement = domnew.queryselectorall（ '。item> a'）[0];
            if（linkelement！= undefined）{
                jhref = linkelement.href;
            } それ以外 {
                xhrresult = 404;
            }
        }、
        oneerror：function（result）{
            console.log（result）;
        }、
    }）;
}

GetWebsite（テキスト）;

リクエスト結果の処理

マウスが要素に移動すると、ユーザーは返された結果でリンクを実行したいと考え、実行する前にGETリクエストが完了したことを確認する必要があります。

 window.open（jhref）;

解決

提供されたコードによると、jQueryを使用しているのかその他のフレームワークを使用しているのかを直接伝えることは不可能です。ただし、一般的なソリューションを提案できます。AJAXリクエストの状態を固定場所に保存して、遅滞なく使用した場合に直接読むことができるようにします。

jqueryでは、状態はdomに保存できます。

 // $（document）.data（ 'requeststatus'、 'phends'）;

// $（document）.data（ 'requestStatus'、 '完了'）;
$（document）.data（ 'resultlink'、jhref）;

//マウスの動きイベントでif（$（document）.data（ 'requestStatus'）=== '完了'）{
    window.open（$（document）.data（ 'resultlink'））;
}

VueまたはReactでは、状態はコンポーネントの状態に保存できます。

 // in vue this.requeststatus = 'phends';

// this.requeststatus = '完了した'要求が完了したとき。
this.resultlink = jhref;

//マウスの動きイベントでif（this.requeststatus === '完了'）{
    window.open（this.resultlink）;
}

このようにして、固定遅延時間を待たずにマウスが要素に移動するときに要求された状態を直接読み取ることができ、したがって、より柔軟で信頼性の高いインタラクティブなエクスペリエンスを実現できます。

以上がGet Requestsを事前に実行し、プログラミングの特定の条件下で結果を処理する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。