alert能彈出關(guān)聯(lián)信息 但是頁(yè)面下方不顯示關(guān)聯(lián)信息
function callback(){
??//4代表完成
??if(xmlHttp.readyState == 4){
???//200代表服務(wù)器響應(yīng)成功
???//404表示資源未找到
???//500代表服務(wù)器內(nèi)部崩潰
???if(xmlHttp.status == 200){
????//交互成功 獲得相應(yīng)的數(shù)據(jù) 是文本格式 json也是文本格式
????var result = xmlHttp.responseText;
????//解析獲得數(shù)據(jù)
????var json = eval("("+result+")");? //java語(yǔ)言和js的json有點(diǎn)不一樣
????//獲得數(shù)據(jù)之后,動(dòng)態(tài)的顯示這些數(shù)據(jù) 把數(shù)據(jù)顯示在輸入框下面、
????setContent(json);
????//alert(json);
????
???}
??}
?}
?
?//設(shè)置關(guān)聯(lián)數(shù)據(jù)的展示,參數(shù)代表
?function setContent(contents){
??clearContent();
??//獲得數(shù)據(jù)的長(zhǎng)度
??setLocation(); //設(shè)置位置
??
??//獲得關(guān)聯(lián)數(shù)據(jù)的長(zhǎng)度 以此確定生成多少個(gè)tr
??var size = contents.length;
??for(var i=0;i<size;i++){
???var nextNode = contents[i];? //代表的是json格式的第i個(gè)數(shù)據(jù)
???var tr=document.createElement("tr");
???var td=document.createElement("td");
???td.setAtrribute("border","0");
???td.setAtrribute("bgcolor","#fffafa");
???td.onmouseover=function(){
????this.className='mouseOver';
???};
???td.onmouseout=function(){
????this.className='mouseOut';
???};
???td.onclick=function(){
????//實(shí)現(xiàn)選擇一個(gè)關(guān)聯(lián)數(shù)據(jù)時(shí) 自動(dòng)設(shè)置為輸入框的數(shù)據(jù)
???};
???var text = document.createTextNode(nextNode);
???td.appendChild(text);
???tr.appendChild(td);
???document.getElementById("content_table_body").appendChild(tr);
??}
?}
?
2018-04-11
建議再看一遍視頻