关于ajax接受json格式的数据

前端之家收集整理的这篇文章主要介绍了关于ajax接受json格式的数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@<body>

@H_403_0@<form action="">

@H_403_0@<select id="college" name="college" ></select>

@H_403_0@</form>

@H_403_0@<script>

@H_403_0@

@H_403_0@var xmlHttp = "";

@H_403_0@function getXmlHttpRequest(){

@H_403_0@if(window.XMLHttpRequest)

@H_403_0@xmlHttp = new XMLHttpRequest();

@H_403_0@else

@H_403_0@xmlHttp = new ActiveXObject("Microsoft.XMLHttp");

@H_403_0@return xmlHttp;

@H_403_0@}

@H_403_0@function checkName()

@H_403_0@{

@H_403_0@//获得HttpRequest对象

@H_403_0@xmlHttp = getXmlHttpRequest();

@H_403_0@//得到url

@H_403_0@url="jsonserver.jsp";

@H_403_0@//打开请求

@H_403_0@xmlHttp.open("get",url,true);

@H_403_0@//指定回调函数

@H_403_0@xmlHttp.onreadystatechange = getResult;

@H_403_0@//向服务器发送请求

@H_403_0@xmlHttp.send(null);

@H_403_0@

@H_403_0@}

@H_403_0@function getResult()

@H_403_0@{

@H_403_0@if(xmlHttp.readyState == 4 && xmlHttp.status == 200)

@H_403_0@{

@H_403_0@//eval 将json格式转化为javascript类型的字符串,但是注意eval可能对本地计算机具有不安全性

@H_403_0@var result = eval('('+xmlHttp.responseText+')');

@H_403_0@for(var i=0;i<result.length;i++)

@H_403_0@{

@H_403_0@document.getElementById("college").options.add(new Option(result[i].cname,result[i].vlaue));

@H_403_0@}

@H_403_0@

@H_403_0@}

@H_403_0@

@H_403_0@}

@H_403_0@document.onreadystatechange = getCollege;//获取列表内容

@H_403_0@function getCollege()

@H_403_0@{

@H_403_0@if(document.readyState == "complete")

@H_403_0@checkName();

@H_403_0@

@H_403_0@}

@H_403_0@</script>

@H_403_0@</body>

@H_403_0@</html>

@H_403_0@

@H_403_0@jsonserver.jsp

@H_403_0@

@H_403_0@

@H_403_0@<%

@H_403_0@response.setHeader("Content-Type","text/xml");

@H_403_0@response.setHeader("charset","utf-8");

@H_403_0@String result ="[{\"value\":0,\"cname\":\"软件学院\"},{\"value\":\"1\",\"cname\":\"计算机学院\"}]";

@H_403_0@System.out.println(result);

@H_403_0@out.print(result);

@H_403_0@out.flush();

@H_403_0@%>

猜你在找的Ajax相关文章