java返回页面list集合_Javacript如何显示从服务器返回的List集合?

使用DWR开发Ajax

//事件触发的方法

function HelloMethod()

{

//获取元素内容

//var name = document.all.userName.value;

var name = $("userName").value; //$()== document.getElementById()

if(name==null || name=="")

{

alert("用户姓名不能为空！");

$("userName").focus();

return;

}

//发送异步请求

//调用方法(参数，回调函数)

HelloObj.sayHello(name,callBack);

}

//回调函数

//回调函数的参数，表示返回值

function callBack(msg)

{

//document.getElementById("helloDiv").innerHTML = msg;

//使用DWR的工具类来实现

DWRUtil.setValue("helloDiv",msg);

document.getElementById("helloDiv").style.display = "block";

}

function findStu()

{

var sid = $("stuID").value;

if(sid==null || sid=="" || isNaN(sid))

{

alert("学号不能为空，或必须为数值！");

$("stuID").focus();

return;

}

//发送异步请求

HelloObj.findStudentById(sid,stuCallBack);

}

//回调函数

//stu作为返回值对象来接收

function stuCallBack(stu)

{

//alert(stu);

if(stu!=null)

{

str = "

stu.id = "+stu.stuID+"
stu.name = "

+stu.stuName+"
stu.address = "

+stu.stuAddress+"
stu.score = "

+stu.stuScore+"

";

//显示到层中

//DWRUtil.setValue("studentDiv",str);

$("studentDiv").innerHTML = str;

$("studentDiv").style.display = "block";

}

else

{

alert("没有找到相关的学生信息！");

}

}

//下拉列表事件触发

function loadJd(obj)

{

var qxid = obj.value;

//发送请求

Street.findJdByQxid(qxid,jdCallBack);

}

//返回值为jds，集合对象

function jdCallBack(jds)

{

//清空街道列表框

document.getElementById("jd").options.length = 1;

//循环添加

/*

for(var i in jds)

{

var opt = new Option(jds[i],jds[i]);

document.getElementById("jd").options.add(opt);

}

*/

//DWRUtil.removeAllOptions("jd");

DWRUtil.addOptions("jd",jds,"jdid","jdname");

}

使用DWR开发Ajax应用示例

---

请输入您的姓名：

---

请输入学生学号：

---

区县：

-- 请选择--

平江区

沧浪区

新区

吴中区

街道：

-- 请选择--