有两种方法，一种是$ajax(option)方法，一种是$getJSON()方法。
实例：
一、数据集所在jsp页面outjsp,代码如下
<%@page contentType="text/plain; charset=UTF-8"
language="java"
import="javaio,javanet,javautil"
buffer="8kb"
session="false"
autoFlush="true"
%>
<%
String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";
//outclear();
outwrite(jsonData);
%>
二、js处理页面
(1)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" language="javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
function getOut(){
var s='';
$ajax({
type:'get',//请求方式
url:'outjspid='+Mathrandom(), // AJAX HTTP请求接口
data:'',//提交到服务器接口的参数 比如'{cid:0405}'，结果为outjspcid=0405格式
dataType:'json',//请求类型为json, 更多见jquery doc文档
timeout:7000,//请求超时后停止请求
success: function(json){
var d=jsondata;
$each(d,function(i){
s+=('<p>id:'+d[i]id +' | name:'+d[i]name+'</p><hr/>');
});
$('#out')html(s);}});
}
</script>
</head>
<body style="margin:20px;text-align:center;background:#E5E5E5;">
<input type="text" name="getdata" onclick="getOut()"/>
<div id="out">
</div>
</body>
</html>
(2)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<head>
<script type="text/javascript" src="js/jquery-132minjs"></script>
<script>
function showStudent(){
var s='';
$getJSON("outjspid="+Mathrandom(),function(json){
var d=jsondata;
for(var i=0;i<dlength;i++){
s+=('<p>id:'+d[i]id +' | name:'+d[i]name+'</p><hr/>');
}
$('#content')html(s);
});
}
</script>
</head>
<body>
<input type="button" value="获取学院信息" onclick="showStudent()" />
<div id="content"></div>
</body>
</html>
总结：
（1）有时候总是出现错误，原因在于——json数据格式有问题，前端$getJSON()方法并没有什么错误。
（2）相对来说，$ajax(option)方法使用比较灵活，可以用在比较复杂的情况。
以上就是关于js中获取的json数据怎么展现在jsp页面上全部的内容，包括:js中获取的json数据怎么展现在jsp页面上、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）