无限大_的梦
2018-02-27 14:34
function callback(){
//4代表完成
if(xmlHttp.readyState == 4){
//200代表服务器响应成功
//404表示资源未找到
//500代表服务器内部崩溃
if(xmlHttp.status == 200){
//交互成功 获得相应的数据 是文本格式 json也是文本格式
var result = xmlHttp.responseText;
//解析获得数据
var json = eval("("+result+")"); //java语言和js的json有点不一样
//获得数据之后,动态的显示这些数据 把数据显示在输入框下面、
setContent(json);
//alert(json);
}
}
}
//设置关联数据的展示,参数代表
function setContent(contents){
clearContent();
//获得数据的长度
setLocation(); //设置位置
//获得关联数据的长度 以此确定生成多少个tr
var size = contents.length;
for(var i=0;i<size;i++){
var nextNode = contents[i]; //代表的是json格式的第i个数据
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(){
//实现选择一个关联数据时 自动设置为输入框的数据
};
var text = document.createTextNode(nextNode);
td.appendChild(text);
tr.appendChild(td);
document.getElementById("content_table_body").appendChild(tr);
}
}
建议再看一遍视频
Servlet+Ajax实现搜索框智能提示
37805 学习 · 146 问题
相似问题
回答 3