二つの方法のAPIでAJAXリクエスト

ネイティブJS要求

機能GETLIST(){
          VAR HTTP = 新規のXMLHttpRequest(); 
        http.open( "GET"、 "URL"、真の); 
        http.onload = 関数(){
             場合(http.status> = 200 && http.status <300 || http.status == 304 ){
                 VARのデータ= http.responseText。
                VaRの人= JSON.parse(データ);
                VaRの人= person.data.user。//注意返回数据的结构
                 VAR table_node =のdocument.getElementById( "テーブル" );
                VARtabody_node =のdocument.createElement( "TBODY" )。
                console.log(tabody_node)。
                table_node.appendChild(tabody_node)。
                VaRのキー人){ 
                    tabody_node.insertRow(キー); 
                    VARの ATTR 人[キー]){
                         VAR td_node = tabody_node.rows [キー] .insertCell(-1 )。
                        varのtext_node = document.createTextNode(人[キー] [attrの]); 
                        td_node.appendChild(のtext_node)。
                    } 
                }
            } { 
                にconsole.log( "wocao:" + http.status)。
                console.log(http.statusText)。
            } 
        } 
        http.send(NULL )。
    }

 二、JQ要求

機能GETLIST(){ 
            $アヤックス({ 
                URL: "URL" 
                種類: "取得" 
                データ型: "JSON" 
                成功:機能(データ){
                     VARのデータ= data.data.user;             // 注意返回数据的结构
                    VAR table_node =のdocument.getElementById( "テーブル" );
                     VAR tabody_node =のdocument.createElement( "TBODY" ); 
                    table_node.appendChild(tabody_node)
                    VaRのキーデータ){
                        tabody_node.insertRow(キー); 
                        VARの ATTR データ[キー]){
                             VAR td_node = tabody_node.rows [キー] .insertCell(-1 )。
                            VaRののtext_node = document.createTextNode(データ[キー] [ATTR])。
                            td_node.appendChild(のtext_node)。
                        } 
                    }     
                }、
                エラー:関数(E){ 
                    にconsole.log(E); 
                } 
            })。
    }
機能GETLIST(){
         VAR tabody =のdocument.getElementById( "表" ); 
            $アヤックス({ 
                URL: "URL" 
                種類: "GET" 
                データ型: "JSON" 
                成功:機能(データ){
                     VARのデータ= data.data.user; //ノートリターンデータ構造
                     VARの STR = "<TR>" 
                        + "<TH> ID </ TH>" 
                        + "<TH>ユーザー名</ TH>" 
                        +「<TH>パスワード</目>" 
                        +" <TH>電話</目> "
                        + "<TH>注册时间</番目>" 
                        + "</ TR>" VAR I におけるデータ){ 
                        STR + = "<TR>" 
                        + "<TD>" 
                        + データ[I] .UID
                         + "</ TD>" 
                        + "<TD>" 
                        + データ[I] .username
                         + "</ TD>" 
                        + "<TD>" 
                        + データ[I]。
                        データ[i]はドットフォン
                        + "</ TD>" 
                        + "<TD>" 
                        + データ[I] .registerTime
                         + "</ TD>" 
                        + "</ TR>" 
                    }     
                    tabody.innerHTML = STR。            
                }、
                エラー:関数(E){ 
                    にconsole.log(E); 
                } 
            })。
    }

 第三に、戻り結果

 

 

 

おすすめ

転載: www.cnblogs.com/clqbolg/p/11872707.html