jquery ajax刷新局部页面，取得数据后，动态的在前台显示_jquery局部刷新从后台取数据渲染到前台-CSDN博客

本文链接：https://blog.csdn.net/alleged/article/details/52259796

这篇博客介绍了如何利用jQuery的AJAX功能，从Servlet获取JSON数据，并在前端页面上动态展示这些数据。实验中，服务器端通过GetJson servlet模拟数据，返回JSON格式的数据，客户端使用jQuery进行异步请求并更新局部页面。

摘要由CSDN通过智能技术生成

jquery ajax刷新局部页面，取得数据后，动态的在前台显示

服务器servlet
GETJSON.JAVA 模拟出本次实验要使用的数据，使用的是json形式的数据格式
（注意使用json格式的一定要添加java-json.jar包）
代码如下
`package com.itheima.service;

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;

import org.json.JSONArray;
import org.json.JSONObject;

public class GetJson extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    doPost(request, response);
}

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {

    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");
    System.out.println("GetJson is start"+request.getParameter("name"));
    response.setContentType("appliction/json;charset=utf-8");
    try{
        //创建json数组
        JSONArray jsonArray = new JSONArray();
        //创建一个json对象
        for(int i =0 ; i<3;i++){
            JSONObject good = null;
            good = new JSONObject();
            good.put("id", "id"+i);
            good.put("name", "杯子:"+i);
            good.put("adress", "北京："+i);
            jsonArray.put(good);
        }
        //再创建一个Object,用来存放json数组
        JSONObject goods = new JSONObject();
        goods.put("goodList", jsonArray);
        //把json对象封装成为字符串类型的
        String goodList = goods.toString();
        //打开响应的输出流，把字符串写入响应中
        System.out.println(goodLi