Jason
2015-09-17 14:18
302 查看
-------------JASON-----
--------一个JSP页面
<!DOCTYPE html>
<html>
<head>
<title>My.html</title>
<meta charset="utf-8"/>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function say(){
var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else if(window.ActiveXObject){
request = new ActiveXObject("Msxml2.XMLHTTP");
}
request.open("get","hello");
request.onreadystatechange = function(){
if(request.readyState == 4){
var text = request.responseText;
eval("var a="+text);//使用eval函数把 text 变成一个对象
var tableData ="<table border = '1'>";
tableData +="<tr><th>name</th><th>age</th><th>sex</th></tr>";
for(var i = 0 ; i < a.length ; i ++){
tableData += "<tr>";
tableData += "<td>"+a[i].name+"</td>";
tableData += "<td>"+a[i].age+"</td>";
tableData += "<td>"+a[i].sex+"</td>";
tableData += "</tr>";
}
tableData +="</table>"
document.getElementById("d1").innerHTML=tableData;
}
}
request.send(null);
}
</script>
</head>
<body>
<a href = "javascript:say()">点我试试</a>
<div id = "d1"></div>
</body>
</html>
------------------------------------sevlet----------------
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Dd extends HttpServlet {
public Dd() {
super();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
//[{},{}]jason放数据集合
out.println("[{name:'小麻',age:17,sex:'男'},{name:'小李',age:18,sex:'男'},{name:'小张',age:18,sex:'男'}]");
}
}
--------一个JSP页面
<!DOCTYPE html>
<html>
<head>
<title>My.html</title>
<meta charset="utf-8"/>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function say(){
var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else if(window.ActiveXObject){
request = new ActiveXObject("Msxml2.XMLHTTP");
}
request.open("get","hello");
request.onreadystatechange = function(){
if(request.readyState == 4){
var text = request.responseText;
eval("var a="+text);//使用eval函数把 text 变成一个对象
var tableData ="<table border = '1'>";
tableData +="<tr><th>name</th><th>age</th><th>sex</th></tr>";
for(var i = 0 ; i < a.length ; i ++){
tableData += "<tr>";
tableData += "<td>"+a[i].name+"</td>";
tableData += "<td>"+a[i].age+"</td>";
tableData += "<td>"+a[i].sex+"</td>";
tableData += "</tr>";
}
tableData +="</table>"
document.getElementById("d1").innerHTML=tableData;
}
}
request.send(null);
}
</script>
</head>
<body>
<a href = "javascript:say()">点我试试</a>
<div id = "d1"></div>
</body>
</html>
------------------------------------sevlet----------------
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Dd extends HttpServlet {
public Dd() {
super();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
//[{},{}]jason放数据集合
out.println("[{name:'小麻',age:17,sex:'男'},{name:'小李',age:18,sex:'男'},{name:'小张',age:18,sex:'男'}]");
}
}
相关文章推荐
- jquery data的使用方式
- PHP_EOL
- mac 终端 root 权限
- 设置Maven的JVM参数
- COLLECTION总结
- jquery插件开发:
- laravel 分页 说明
- netty5源码分析(2)--学习笔记
- CodeForces #Round 320 (div 1) 简要记录
- ZOJ 3892 Available Computation Sequence 区间dp
- tableView第一次点击无效,第二次点击响应第一次,第三次响应第二次
- 第二章 集腋成裘
- jquery mobile常用的data-role类型 data-icon data-iconpos
- vsftpd配置文件详解
- iOS开发系列--音频播放、录音、视频播放、拍照、视频录制
- Win10/UWP开发—使用Cortana语音指令启动前台App
- errno.h头文件介绍
- Oracle数据库的分页使用
- poj 1185 炮兵阵地 状态压缩dp
- 【.Net码农】基于jquery的$.ajax async使用