Jquery+Json+JSP的一个Demo
2017-12-13 10:13
274 查看
1. ajax提交 页面准备 Html代码 <%@page import="javax.xml.ws.RequestWrapper"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String basePath = request.getScheme()+"://"+ request.getServerName()+":"+request.getLocalPort()+request.getContextPath(); %> <%=basePath %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="<%=basePath %>/resource/js/json2.js" ></script> <script type="text/javascript" src="<%=basePath %>/resource/js/jquery-1.7.1.min.js" ></script> <script type="text/javascript"> function sendRequest(){ var uu = "jsondemo"; $.ajax({ type:"get", dataType:"json", url:"jsondemo", data:{"a":1,"b":2}, success:function(data){ alert(JSON.stringify(data)); $.each(data,function(name,value) { alert(name+":"+value); }); } }); } </script> </head> <body> <h2>Hello Daotie</h2> <input type="button" value=" json demo " onclick="sendRequest()"> </body> </html> 2 web.xml配置 Xml代码 <servlet> <servlet-name>JsonDemo</servlet-name> <servlet-class>com.daotie.servlet.JsonServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>JsonDemo</servlet-name> <url-pattern>/jsondemo</url-pattern> </servlet-mapping> 3 Servlet类 Java代码 package com.daotie.servlet; import java.io.IOException; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; public class JsonServlet extends HttpServlet { private static final long serialVersionUID = 1L; public JsonServlet() { super(); // TODO Auto-generated constructor stub } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub System.out.println("doGet"); String a = request.getParameter("a"); System.out.println(a); Map<Object,Object> map = new HashMap<Object, Object>(); JSONObject json = new JSONObject(); map.put("name", "admin"); map.put("password", "123"); json.putAll(map); System.out.println(json.toString()); response.getWriter().print(json.toString()); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { } }
相关文章推荐
- json+jsp+JQuery 的一个小例子
- [原创]jPagerBar1.2发布-jquery分页插件(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- [原创]jPagerBar1.2发布(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 jsp页面
- 基于jQuery的一个扩展form序列化到json对象
- JSP页面 jquery发送post请求到 contrallor 接受JSON数据
- JSP、JavaScript、jQuery、jQuery Easy UI、Ajax、JSON各自是什么、区别、联系
- 根据jquery自定义事件写一个事件订阅派发demo
- Jquery+ajax+json+servlet原理和Demo
- 关于对KindEditor官网demo的上传本地图片upload_json.jsp的改进
- MVC-Ajax-jquery分页 (服务器返回一个json数据,客户端解析)
- Jsp+Servlet+javaBean+Json+JQuery小知识集合
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- spring mvc json 直接把一个对象转换成json格式输出到jsp页面
- Jquery+ajax+json+servlet原理和Demo
- jsp中利用jquery+ajax传递json格式参数与前后台之间
- jQuery写的一个分页展示的demo(结合bootstrap)
- jsp 中用jquery 实现ajax 一个简单例子
- jsp通过jQuery返回json数据到页面
- 关于Newtonsoft.Json,LINQ to JSON的一个小demo