基本JSON小程序

来源：互联网发布：redis 数据库大小编辑：程序博客网时间：2024/06/09 23:30

package com.json.servlet;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 ServletJson extends HttpServlet {    public void doPost(HttpServletRequest request, HttpServletResponse response)    throws ServletException, IOException {        System.out.println(request.getParameter("name"));        response.setContentType("text/plain;charset=utf-8");        request.setCharacterEncoding("utf-8");                PrintWriter out = response.getWriter();        System.out.println("out:" + out);                String data = "[{name:\"胡阳1\",age:24},{name:\"胡阳2\",age:23}]";//构建的json数据        System.out.println("Servlet01: " + data);        out.println(data);     }     public void doGet(HttpServletRequest request, HttpServletResponse response)       throws ServletException, IOException {        doPost(request, response);     }}

http://localhost:8080/Servlet01/servlet/ServletJson

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme() + "://"        + request.getServerName() + ":" + request.getServerPort()        + path + "/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript">function getData(){    $("#list").html("");//清空列表中的数据    //发送ajax请求    $.getJSON(        "servlet/ServletJson",//产生JSON数据的服务端页面        {name:"胡阳224",age:23},//向服务器发出的查询字符串（此参数可选）         //对返回的JSON数据进行处理，本例以列表的形式呈现        alert("上面没问题，下面有问题！"),                function(json){            //循环取json中的数据,并呈现在列表中            $.each(json,function(i){                $("#list").append("<li>name:"+json[i].name+"  Age:"+json[i].age+"</li>")            })        }    )    }</script></head><body><input id="Button1" type="button" value="获取数据" onclick="getData()" />    <ul id="list"></ul></body></html>

0 0