AJAXフロントエンド処理要求を使用してフラスコを、要求はインタフェース間隔を失敗し、結果が同じページを表示します

要件：

setTimeoutメソッドは、setTimeoutメソッド（関数（）{}、1000）を使用する;のsetTimeoutは、第二の機能に対する要求とすることができます

図効果：要求された二つのインターフェース、5秒間隔は、同じページを表示します

HTML：test.htmlという

<HTML> 
<HEAD> </ HEAD> 
<BODY> 

<DIV CLASS = "ヘッダ"> 
    <H4>标题XXX </ H4> 
</ div> 
<DIV CLASS = "本体"> 
    <フォームクラス= "フォーム"方法= "POST"> 
        <br class="form-a"/> 
        の<divクラス= "フォーム-B"> 
            <= "AAA">＆NBSPのラベル;＆NBSP;＆NBSP;＆NBSP; XXX：＆NBSP;＆NBSP; <入力クラス= "フォームCONTROL1"タイプ= "" ID = "" 
                                                                             NAME = "" MAXLENGTH = "11" 
                                                                             プレースホルダ=」



            <ラベルクラス= "ラジオ"> <入力タイプは= "ラジオ" ID = "B" NAME = "B"値= "0"チェック= "" /> <スパン> B1 </ span>を</ラベル> 
            <ラベルクラス= "ラジオ">の<input type = "ラジオ" ID = "B" NAME = "B"値= "1" /> <スパン> B2 </スパン> </ label>は
        </ div> 
        <BR/> 
        <DIV CLASS = "フォーム"> 
            ＆NBSP;＆NBSP;＆NBSP;＆NBSP。
            <ボタンクラス= "BTN BTN原色"タイプ= "ボタン" ID = "通知">查询</ボタン> 
        </ div> 
    </ FORM> 
</ div> 

<DIV CLASS = "C" ID =」







    </ div> 
</ div> 
</ body>の
//静的根据自己实际路径填写
ます。<script type = "text / javascriptの" srcが= "静的/のJS / main.min.js"> </ SCRIPT> 
<スクリプトタイプ= "テキスト/ javascriptの" SRC = "静的/のJS / jquery.min.js">> </スクリプト

ます。<script type = "text / javascriptの"> 

    //消息提示
    $（ '＃が通知'）。上の（ 'クリック」、関数（）{ 
        // Ajaxの
        VARのB = $（ "入力[NAME = 'B']：チェック"）。ヴァル（）; 
        。VAR A = $（ "入力[NAME = '']"）ヴァル（）; 
        VARデータ= { 
            データ：JSON.stringify（{ 
                'B'：B、
                'A'：A 
            }）、
        } 

        IF（a.length = 0）{ 
            アラート（ '空でないXXXXX'）; 
            を返します。
        } 
        $アヤックス（{ 
            タイプ： "POST"、
            データ型： "JSON"、
            URL： "/ TEST1"、//メソッドのTEST1のコールバック
            データ：データ、
            成功：機能（結果）{ 
                はconsole.log（結果を）; 
                { 
                    $（ '＃のshow2'）ショー （）// ここに示されている。
                    $（ "＃のSHOW3"）HTML（結果）。

                    setTimeoutメソッド（関数（）{ 
                        $アヤックス（{ 
                        タイプの"POST"、
                        データ型： "JSON" 、
                        URL： "/ TEST2"、//メソッド呼び出しバックTEST2 
                        データ：データ、
                        成功：機能（結果）{
{＃にconsole.log（ '11111'）＃} 
                            にconsole.log（結果）。
                            { 
                                。$（ "＃1 show4"）HTML（結果）

                            } 
                        }、
                        エラー：関数（結果）{ 
{＃1にconsole.log（結果）; //＃} 
                            { 
                                アラート（結果）。
                            } 
                        } 
                    }）。
                    }、5000）//间隔5秒

                } 
            }、
            エラー：関数（結果）{
{＃1にconsole.log（結果）; //＃} 
                { 
                    アラート（結果）。
                } 
            } 
        }）。

    }）


</ SCRIPT> 
</ HTML>

フラスコ：

＃页面
@ app.route（ '/試験'、メソッド= [ 'GET'、 'POST']）
DEF試験（）：
    戻りrender_template（ "試験/ test.htmlという"）


＃TEST1 
@ app.route（ '/ test112 'メソッド= [ 'GET'、 'POST']）
DEF test112（）：
    データ=のjson.loads（request.form.get（ 'データ'））
    B =データ[ 'B'] 
    A =データ[' '] 
    のRES = Bと、
    リターンjsonify（RES）

＃TEST2 
@ app.route（' / TEST2' 、メソッド= [ 'GET'、 'POST']）
DEF test113（）：
    データ=のjson.loads（のRequest.Form .get（ 'データ'））
    B =データ[ 'B'] 
    A =データ[ ''] 
    RES = 
    戻りjsonify（RES）

AJAXフロントエンド処理要求を使用してフラスコを、要求はインタフェース間隔を失敗し、結果が同じページを表示します

おすすめ