Ajax结合json在web中的应用
来源:互联网 发布:郑州大学软件学院 一本 编辑:程序博客网 时间:2024/06/07 05:16
1.web前端页面
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="jquery/jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="json/json2.js"></script>
<title>测试Ajax</title>
<script type="text/javascript">
$(document).ready(
function(){
$('#bt1').click(function(){
$.ajax({
dataType:"json",
type: "GET",
url: "AjaxAction",
data: "username=kaxifa&&password=123456",
success: function(data){
var jsonArr=eval(data); //比较重要的函数,用来解析服务器传来的对象
var dataArray="";
for(var i=0;i<jsonArr.length-1;i++){
dataArray+=jsonArr[i].username+",";
dataArray+=jsonArr[i].password+",";
dataArray+=jsonArr[i].date;
}
$('#resText').html(dataArray);
}
});
});
});
</script>
</head>
<body>
<button id="bt1">发送</button>
<p id="resText">
从前从前,我很爱你!2016
</p>
</body>
</html>
1.服务器端:
package test10;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Date;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
public class AjaxAction extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
User user = new User();
user.setUsername("小强");
user.setPassword("66666");
Long time=System.currentTimeMillis();
String d=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss").format(new Date(time));
user.setDate(d);
List list = new ArrayList();
//不指定泛型的话,可以携带多种数据类型
list.add(user);
list.add("1025");
String username=request.getParameter("username");
String password=request.getParameter("password");
System.out.println("username="+username);
System.out.println("password="+password);
JSONArray array=JSONArray.fromObject(list);
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.write(array.toString());//把对象写回给浏览器
out.flush();
out.close();
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
- Ajax结合json在web中的应用
- JQuery、JSON、Ajax在Servlet中的应用
- JQuery、JSON、Ajax在Servlet中的应用
- JQuery、JSON、Ajax在Servlet中的应用
- 转载:JSON在java web中的应用
- JSON在Web开发中的应用
- Struts2+Jquery+ajax+json结合应用
- 在.NET中结合AJAX使用JSON
- json ajax asp中的应用
- JWT(JSON Web Tokens)在Spring 微服务中的应用
- ASP.NET AJAX 在Web开发中的应用
- ASP.NET AJAX 在Web开发中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- 大数据下的TopK算法
- 不可多得的Javascript(AJAX)开发工具 - Aptana
- [NOIP] [最短路] [SPFA] NOIP2012Junior 文化之旅 (culture)
- MySql MESSAGE: java.net.ConnectException: Connection refuse
- Mysql 查询数据
- Ajax结合json在web中的应用
- Mysql 创建、修改和删除表
- [转]Berkeley DB设计经验
- 放平常心
- poj 1797
- 190. Reverse Bits
- poj 2752 Seek the Name, Seek the Fame
- JavaScript笔记(4)作用域与作用域链
- 获取本地ip地址