jquery的$.ajax()和$.getJSON()方法简单笔记

最新推荐文章于 2021-08-05 12:51:32 发布

Saltwater_leo

最新推荐文章于 2021-08-05 12:51:32 发布

阅读量619

点赞数

分类专栏： jquery 文章标签： jquery ajax json

本文链接：https://blog.csdn.net/liuao107329/article/details/41255139

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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="../js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

	function getAll() {
		
		$.getJSON("/ajax/CheckServlet",null,function(data){
			var con = "";
			for(var i = 0 ; i < data.users.length;i++){  //for循环遍历
				var us = data.users[i];
				alert(us);
				con = con + " " + us.username + " " + us.password + "<br>";
			};
			$("#sp1").html(con);
			
		});
	};
	
	function getAll1(){
		
		$("#sp1").html("<img src='../imges/loading.gif' width='100' height='100'></img>");
		
		$.getJSON("/ajax/CheckServlet",null,function(data){   //这是$.getJSON()方法
			 var tt = "";
		        $.each(data, function(k, v) {	//$.each()方法遍历
		            $.each(v,function(kk, vv) {
		            	$.each(vv,function(kkk,vvv){
		            		 tt += kkk + "：" + vvv + "<br/>";
		            	})
		               
		            });
		        });
		        $("#sp1").html(tt);
		
		
		})
	};
	
	function getAll2() {
		
		$("#sp1").html("<img src='../imges/loading.gif' width='100' height='100'></img>");  //插入图片
		
		$.ajax({		//这是$.ajax()方法
			type:"POST",
			url:"/ajax/CheckServlet",
			dataType:"JSON",
			success:function(data){
				var con = "";
				for(var i = 0 ; i < data.users.length;i++){//遍历响应的user集合
					var us = data.users[i];
					//alert(us);
					con = con + " " + us.username + " " + us.password + "<br>";
				};
				$("#sp1").html(con);
				
			}
			
		})
	};
</script>

</head>
<body>

	<input type="button" value="获取所有用户信息" οnclick="getAll2()" /><br/>
	<span style="color: red" id="sp1"></span>
	
</body>
</html>

————————————————————————————————————————————

servlet文件

package com.leo.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;
import sun.org.mozilla.javascript.internal.json.JsonParser;

import com.leo.dao.UserDao;
import com.leo.entity.User;

/**
 * Servlet implementation class CheckServlet
 */
@WebServlet("/CheckServlet")
public class CheckServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		PrintWriter pw = response.getWriter();
		
		UserDao ud = new UserDao();
		
		List<User> users =  ud.getAll();
		
		for (User user : users) {
			System.out.println(user.getUsername()+" & "+user.getPassword());//调试的时候加的
		}
		
	
	
		JSONObject jo = new JSONObject();//创建JSON对象
		jo.put("users", users);//将数据以JSON格式存储
		pw.print(jo);//写到页面
		try {
			Thread.sleep(3000);
		} catch (InterruptedException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		

	}

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

}

访问数据库的文件实体类之类的没写

Saltwater_leo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的$.ajax()和$.getJSON()方法简单笔记

jsp文件<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here function getAll() { $.getJSON("/ajax/CheckServlet",null,function(data
复制链接

扫一扫

专栏目录