ネイティブ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); } })。 }
第三に、戻り結果