の10 jQueryのAJAXリクエスト

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>のjquery的アヤックス请求</ タイトル> 
</ ヘッド> 
< 身体> 
    < divのクラス= "箱" > </ DIV > 
    < 形態> 
        < 入力タイプ= "テキスト" 名前= "ユーザ" プレースホルダ= "名前"
        = "text"の名= "パスワード" プレースホルダ= "パスワード" > 
        < 入力タイプ= "提出" 名前= "" > 
    </ 形成> 
    < スクリプトタイプ= "テキスト/ javascriptの" SRC = "jqueryの- 3.3.1.js " > </ スクリプト> 
    < スクリプトタイプ="テキスト/ javascriptの」> 
        $（関数（）{ 
            $アヤックス（{ 
                URL：' のhttp：// localhostを：8080 ' 、
                タイプ：「取得」、
                成功：機能（データ）{ 
                    $（' 黒四角' ）.append（データ）; 
                    console.log（データ）
                }、
                エラー：関数（ERR）{ 
                    にconsole.log（ERR）
                } 
            }）。

            $アヤックス（{ 
                URL：' にhttp：// localhost：8080 /もちろん' 、
                種類：' 取得' 、
                データ型：' JSON ' 、//文字列パラメータタイプ要件、データの型が期待されるサーバが返し
                成功：機能（データ）{ 
                    $（' ■は' ）の.text（data.name）
                    にconsole.log（データ）
                }、
                エラー：関数（ERR）{ 
                    console.log（ERR）
                } 
            }）; 
            $（' フォーム' ）.submit（関数（E）{ 
                e.preventDefault（）; 
                VAR name_val = $（' INPUT [ユーザー名=] ' ）（.val）。
                VaRのPWD = $（' 入力[名前=パスワード] ' ）.val（）; 
                $アヤックス（{ 
                    URL：' にhttp：// localhost：8080 /作成/ユーザー' 、
                    種類：' ポスト' 、
                    データ：{ 
                        名前：name_val、
                        パスワード：PWD 
                    }、
                    成功：機能（データ）{ 
                        はconsole.log（データ）; 
                    }、
                    エラー：関数（ERR）{
                        console.log（ERR）。
                    } 
                }）
            }）

        }）
    </ スクリプト> 
</ ボディ> 
</ HTML >