查询的数据经json包装，从后台发往ajax

最新推荐文章于 2022-01-03 16:58:13 发布
最新推荐文章于 2022-01-03 16:58:13 发布
阅读量332 收藏
点赞数
分类专栏： ajax 文章标签： 查询结果经json处理发送到前台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KkaiPengZhao/article/details/78398998
版权

查询的数据经json包装，从后台发往ajax

工具&&实体：

package db;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DBConnection {
	
	final static String DRIVER="oracle.jdbc.driver.OracleDriver";
	final static String URL="jdbc:oracle:thin:@localhost:1521:orcl";
	final static String UNAME="scott";
	final static String UPASS="tiger";
	static Connection connection=null;
	
	public static Connection getConnect(){

        // 加载驱动		
	try {
		Class.forName(DRIVER);

	} catch (ClassNotFoundException e) {
		
		e.printStackTrace();
	}

        // 链接数据库		
	try {

		connection = DriverManager.getConnection(URL,UNAME,UPASS);

	} catch (SQLException e) {
		
		e.printStackTrace();
	}

		return connection;
	}
	
//	public static void main(String[] args) {
//		getConnect();
//		System.out.println("2222");
//	}
}


package entity;

public class A1 {
	
	int sno ;
	String name;
	String clas;
	int age;
	
	public int getSno() {
		return sno;
	}
	public void setSno(int sno) {
		this.sno = sno;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getClas() {
		return clas;
	}
	public void setClas(String clas) {
		this.clas = clas;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	
}

一、使用json-lib

index_JsonLib.jsp：

<%@ 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>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript">
	var xmlhttp;
	function getJsonData() {
		if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
		} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}

		if (!xmlhttp) {
			alert("不能创建XMLHttpRequest对象实例");
			return false;
		}
		xmlhttp.open("get", "JsonLib", true);
		xmlhttp.send(null);
		xmlhttp.onreadystatechange = processReuqest;
	}
	
	
//★★★★★★★★    查询结果有多个	★★★★★★★★

	//方式1 
	 function processReuqest() {
		clearTable();
		if (xmlhttp.readyState == 4) {
			if (xmlhttp.status == 200) {
				var jsonObj = eval(xmlhttp.responseText); 
			     //等价于
				 //var jsonObj = eval('('+xmlhttp.responseText+')'); 
				 //var jsonObj = eval("("+xmlhttp.responseText+")");
				 // var jsonObj = JSON.parse(xmlhttp.responseText); 
				
				if (jsonObj.length > 0) {	
					var tNode = document.getElementById("table");
					//内部浏览器不支持以下  
					tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
					for (var i = 0; i < jsonObj.length; i++) {
						tNode.innerHTML += "<tr><td>" + jsonObj[i].sno + "</td><td>" + jsonObj[i].name + "</td><td>"+ jsonObj[i].clas +"</td><td>" + jsonObj[i].age +"</td></tr>";
					}
				} else {
					alert("没有数据");
				}
			}
		}
	 }  
	 
	 
	 //方式2 、方式3
/* 	 function processReuqest() {
		 clearTable(); 
			if (xmlhttp.readyState == 4) {
				if (xmlhttp.status == 200) {
					 var jsonObj = eval("("+xmlhttp.responseText+")");
					  //等价于
					  //var jsonObj = eval('('+xmlhttp.responseText+')'); 
					  //var jsonObj = JSON.parse(xmlhttp.responseText); 	
					if (jsonObj.data.length > 0) {	
						var tNode = document.getElementById("table"); 
						tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
						for (var i = 0; i < jsonObj.data.length; i++) {
							tNode.innerHTML += "<tr><td>" + jsonObj.data[i].sno + "</td><td>" + jsonObj.data[i].name + "</td><td>"+ jsonObj.data[i].clas +"</td><td>" + jsonObj.data[i].age +"</td></tr>";
						}
					} else {
						alert("没有数据");
					}
				}
			}
	 } */
	 
	 
//★★★★★★★★    查询结果仅一个	★★★★★★★★
		
	//方式1 
	/* function processReuqest() {
		clearTable();
		if (xmlhttp.readyState == 4) {
			if (xmlhttp.status == 200) {
				var jsonObj = eval(xmlhttp.responseText); 		
				if (jsonObj.length > 0) {	
					var tNode = document.getElementById("table");
					//内部浏览器不支持以下  
					tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
					for (var i = 0; i < jsonObj.length; i++) {
						tNode.innerHTML += "<tr><td>" + jsonObj[i].sno + "</td><td>" + jsonObj[i].name + "</td><td>"+ jsonObj[i].clas +"</td><td>" + jsonObj[i].age +"</td></tr>";
					}
				} else {
					alert("没有数据");
				}
			}
		}
	 } */
	 
	 
	 //方式2  
 /* 	 function processReuqest() {
		 clearTable(); 
			if (xmlhttp.readyState == 4) {
				if (xmlhttp.status == 200) {
					var jsonObj = eval("("+xmlhttp.responseText+")");	
					if (jsonObj.data != null) {	
						var tNode = document.getElementById("table"); 
						tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
						tNode.innerHTML += "<tr><td>" + jsonObj.data.sno + "</td><td>" + jsonObj.data.name + "</td><td>"+ jsonObj.data.clas +"</td><td>" + jsonObj.data.age +"</td></tr>";
					}else {
						alert("没有数据");
					}
				}
			}
	 }  */	
		
	 
	//清空表
	function clearTable(){
		var tNode = document.getElementById("table");
	    var childNodes =tNode.childNodes;
	    for(var i=childNodes.length-1;i>=0;i--){
	        tNode.removeChild(childNodes[i]);
	    }
	}
</script>
  </head>
  
  <body>
   	
   	<p>json-lib: 查询结果用jsonAPI处理为jsonString来响应。ajax接收并转为jsonObject，供js使用。</p><hr>
  	<table id="table" width="300"  border="1"></table>
	<input type="button" value="getjsonData" οnblur="getJsonData()">
	
  </body>
</html>


JsonLibServlet：

package servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
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.JSONArray;
import net.sf.json.JSONObject;
import db.DBConnection;
import entity.A1;

@WebServlet("/JsonLib")
public class JsonLibServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		
		resp.setContentType("text/html;charset=UTF-8");
		PrintWriter out = resp.getWriter();
		Connection conn = DBConnection.getConnect();
		Statement statement = null;
		ResultSet result = null;
		System.out.println("json-lib............");
		
//★★★★★★★★       查询结果有多个	 ★★★★★★★★	
		
		try {
			statement = conn.createStatement();
			result = statement.executeQuery("select * from a1");
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		List<A1> list = new ArrayList<A1>();
		try {
			while (result.next()){	
				A1 a1 = new A1();
				a1.setSno(result.getInt(1));
				a1.setName(result.getString(2));
				a1.setClas(result.getString(3));
				a1.setAge(result.getInt(4));
		       	 	list.add(a1);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		
/* 方式1: JSONArray.fromObject(Object object) 返回 JSONArray, 即json数组类型 */
		
		JSONArray jsonArray = JSONArray.fromObject(list);
		out.print(jsonArray);
		System.out.println(jsonArray);
		
//		[{"age":20,"clas":"二年级","name":"gg","sno":2},
//		 {"age":30,"clas":"三年级","name":"a","sno":3},
//		 {"age":40,"clas":"四年级","name":"简介iii","sno":4}]
		
//-----------------------------------------------------------------	
		
/* 方式2: JSONObject.put(Object key, Object value) 返回Object对象类型*/
		
//		JSONObject jsonObject = new JSONObject();
//		jsonObject.put("data", list);
//		out.print(jsonObject);	
//	        System.out.println(jsonObject);
		
//		{"data":[{"age":20,"clas":"二年级","name":"gg","sno":2},
//		         {"age":30,"clas":"三年级","name":"a","sno":3},
//		         {"age":40,"clas":"四年级","name":"简介iii","sno":4}]
//	        }
		
//-----------------------------------------------------------------	
		
/* 方式3: 使用 JSONArray 和  JSONObject */
		
//		JSONArray jsonArray = JSONArray.fromObject(list);
//		JSONObject jsonObject = new JSONObject();
//		jsonObject.put("data", jsonArray);
//		out.print(jsonObject);
//      System.out.println(jsonObject);  //结果同上
	

		
//★★★★★★★★    查询结果仅一个	★★★★★★★★	
		
//		try {
//			statement = conn.createStatement();
//			result = statement.executeQuery("select * from a1 where 学号 =2");
//		} catch (SQLException e) {
//			e.printStackTrace();
//		}
//		
//		A1 a1 = new A1();
//		try {
//			while (result.next()){	
//				a1.setSno(result.getInt(1));
//				a1.setName(result.getString(2));
//				a1.setClas(result.getString(3));
//				a1.setAge(result.getInt(4));
//			}
//		} catch (SQLException e) {
//			e.printStackTrace();
//		}
		
// 方式1 
//		JSONArray jsonArray = JSONArray.fromObject(a1);
//		out.print(jsonArray);
//		System.out.println(jsonArray);   // [{"age":20,"clas":"二年级","name":"gg","sno":2}]
		
//-----------------------------------------------------------------	
		
// 方式2 
//		JSONObject jsonObject = new JSONObject();
//		jsonObject.put("data", a1);
//		out.print(jsonObject);
//	        System.out.println(jsonObject);  // {"data":{"age":20,"clas":"二年级","name":"gg","sno":2}}
	
		
	}
}


二、使用fastjson

index_FastJson.jsp：

<%@ 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>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript">
	var xmlhttp;
	function getJsonData() {
		if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
		} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}

		if (!xmlhttp) {
			alert("不能创建XMLHttpRequest对象实例");
			return false;
		}
		xmlhttp.open("get", "FastJson", true);
		xmlhttp.send(null);
		xmlhttp.onreadystatechange = processReuqest;
	}
	
	
//★★★★★★★★    查询结果有多个	★★★★★★★★
	 /* function processReuqest() {
		clearTable();
		if (xmlhttp.readyState == 4) {
			if (xmlhttp.status == 200) {
				var jsonObj = eval(xmlhttp.responseText); 
			     //等价于
				 //var jsonObj = eval('('+xmlhttp.responseText+')'); 
				 //var jsonObj = eval("("+xmlhttp.responseText+")");
				 // var jsonObj = JSON.parse(xmlhttp.responseText); 
				
				if (jsonObj.length > 0) {	
					var tNode = document.getElementById("table");
					//内部浏览器不支持以下  
					tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
					for (var i = 0; i < jsonObj.length; i++) {
						tNode.innerHTML += "<tr><td>" + jsonObj[i].sno + "</td><td>" + jsonObj[i].name + "</td><td>"+ jsonObj[i].clas +"</td><td>" + jsonObj[i].age +"</td></tr>";
					}
				} else {
					alert("没有数据");
				}
			}
		}
	 }   */
	 
	 
//★★★★★★★★    查询结果仅一个	★★★★★★★★ 
	 function processReuqest() {
		 clearTable(); 
			if (xmlhttp.readyState == 4) {
				if (xmlhttp.status == 200) {
					var jsonObj = eval("("+xmlhttp.responseText+")");	
					if (jsonObj.data != null) {	
						var tNode = document.getElementById("table"); 
						tNode.innerHTML += "<tr><th>学号</th><th>姓名</th><th>班级</th><th>年龄</th></tr>";
						tNode.innerHTML += "<tr><td>" + jsonObj.data.sno + "</td><td>" + jsonObj.data.name + "</td><td>"+ jsonObj.data.clas +"</td><td>" + jsonObj.data.age +"</td></tr>";
					}else {
						alert("没有数据");
					}
				}
			}
	 }  
		
	 
	//清空表
	function clearTable(){
		var tNode = document.getElementById("table");
	    var childNodes =tNode.childNodes;
	    for(var i=childNodes.length-1;i>=0;i--){
	        tNode.removeChild(childNodes[i]);
	    }
	}
</script>
  </head>
  
  <body>
   	
   	<p>fastjson: 查询结果用jsonAPI处理为jsonString来响应。ajax接收并转为jsonObject，供js使用。</p><hr>
  	<table id="table" width="300"  border="1"></table>
	<input type="button" value="getjsonData" οnblur="getJsonData()">
	
  </body>
</html>

FastJsonServlet： 

package servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
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 com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import db.DBConnection;
import entity.A1;

@WebServlet("/FastJson")
public class FastJsonServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		
		resp.setContentType("text/html;charset=UTF-8");
		PrintWriter out = resp.getWriter();
		Connection conn = DBConnection.getConnect();
		Statement statement = null;
		ResultSet result = null;
		System.out.println("fastjson...........");
		
//★★★★★★★★       查询结果有多个	 ★★★★★★★★	
//		try {
//			statement = conn.createStatement();
//			result = statement.executeQuery("select * from a1");
//		} catch (SQLException e) {
//			e.printStackTrace();
//		}
//		
//		List<A1> list = new ArrayList<A1>();
//		try {
//			while (result.next()){	
//				A1 a1 = new A1();
//				a1.setSno(result.getInt(1));
//				a1.setName(result.getString(2));
//				a1.setClas(result.getString(3));
//				a1.setAge(result.getInt(4));
//		                list.add(a1);
//			}
//		} catch (SQLException e) {
//			e.printStackTrace();
//		}
		
/* 
 * static String toJSONString(Object object)  
 * static String toJSONString(Object object, boolean prettyFormat) 
 * ... ...
 */
//		String jsonString = JSON.toJSONString(list,true);
//		out.print(jsonString);
//		System.out.println(jsonString);
		
		
//★★★★★★★★    查询结果仅一个	★★★★★★★★	
		try {
			statement = conn.createStatement();
			result = statement.executeQuery("select * from a1 where 学号 =2");
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		A1 a1 = new A1();
		try {
			while (result.next()){	
				a1.setSno(result.getInt(1));
				a1.setName(result.getString(2));
				a1.setClas(result.getString(3));
				a1.setAge(result.getInt(4));
			}
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		String jsonString = JSON.toJSONString(a1,true);
		JSONObject jsonObject = new JSONObject();
//		jsonObject.put("data", JSON.parseObject(jsonString));
		jsonObject.put("data", JSON.parseObject(jsonString, A1.class));
		out.print(jsonObject);
		System.out.println(jsonString); 
	
		
	}
}

KaiPengZhao
关注
专栏目录
ajax提交form表单 raw,前台提交数据（表单数据、Json数据及上传文件）的类型
weixin_30838971的博客
08-06 1264
MIME (MultipurposeInternetMailExtensions) 是描述内容类型的互联网标准。Clients use thiscontent typeormedia typeheader to select an appropriate viewer application for the type of data the header indicates. 数据...
后台数据的获取ajax
冠日的个人博客
03-03 3544
https://www.w3school.com.cn/jquery/jquery_ref_ajax.asp jq中 jQuery中用来发ajax请求的方法，跟我们封装的方法类似，但是功能更强大 //传入一个对象 $.ajax({ //请求网址 url: './data.php', //请求类型 type: 'post', //服务器响应数...
json格式包装
querystringcom的专栏
07-01 577
public class JsonObject     {         //变量         protected System.Collections.Generic.Dictionary attributes;         public System.Collections.Generic.Dictionary Attributes         {
java返回json给ajax_Java中使用json与前台Ajax数据交互的方法
weixin_39907596的博客
02-12 302
本文主要为大家分享了Ajax获取显示Json数据的一种方法，供大家参考，具体内容如下1、首先前台用Ajax，其中注意dataType一定要选择json方式，Action成功返回给页面的Json内容是这样的[{"number":"V006","names":"LiLei"}],可见comment['names']对应"names":"LiLei"，comment['number']对应"number...
ajax方法的使用包装
light的博客
09-16 328
function ajaxPost(path,dataParame){ $.ajax({ //这是$.ajax()方法 type: "POST", url: path, //路径可以用相对路径,起点以此方法所在的jsp显示的路径为准 data: dataParame,//请求参数 ...
jQuery ajax —— 将类AJAX方法包装起来
weixin_33670713的博客
03-26 110
上一篇文章，将jQuery.ajax中的一些细节补充完。这篇文章讲解如果将类AJAX方法都包装进jQuery.ajax中。下篇文章则讲解各预过滤器和分发器的细节。   为什么要包装起来？  我们知道，古老的XMLHttpRequest出于同源策略考虑，是不支持跨域的。所以，在前端想动态加载跨域Javascript脚本，通常是使用被称为Script DOM Element的方案，如： v...
java后台返回一个类指定的几个属性的json包装集
jlhde123的博客
04-17 562
在平时开发web项目的接口的时候，每次需要通过对象的get方法一个个获取指定的参数包装成json，代码量十分的大 因此在无聊之际便通过JAVA的反射机制写了小工具类，提高了接口开发的效率 以下是工具类代码 package com.jlh.util; import java.lang.reflect.Field; import java.lang.reflect.M
爬虫：Ajax数据爬取
二十四桥明月夜
01-03 8886
目录 1、什么是Ajax 1.1 实例的引入 1.2 基本原理 2、Ajax分析方法 1、查看请求 2、过滤请求 3、Ajax结果提取 1、分析请求 2、分析响应 3、例子 我们在用 requests 抓取页面的时候，得到的结果可能和在浏览器中看到的不一样：在浏览器中可以看到正常显示的页面数据，但是使用 requests 得到的结果并没有， 这是因为 requests 获取的 都是原始的 HTML 文档，而浏览器中的页面则是经过 JavaScript 处理数据后生成的结果，这些数据的.
springboot|前端发ajax请求到后台Controller及常见的坑
微笑的小小刀
12-17 2680
前端发ajax请求这块是web的基础,发web请求大概需要以下几步1.引用web相关的依赖2.前端页面引入jquery.js3.编写ajax请求4.编写对应的Controller引入we...
ajax提交Form表单数据到后台
比比的博客
01-26 8883
先引入jQuery。 &lt;script type="text/javascript" src="js/jquery-1.12.3.js"&gt;&lt;/script&gt; 这一段是提交数据到后台的JS代码。 &lt;script type="text/javascript"&gt; function login() { $.ajax({ ..
javaScript笔记（二十九）Ajax
sliujin的博客
08-22 391
Ajax 2005年Jesse James Garrett发表了一篇文章，标题为：“Ajax：A new Approach to Web Applications”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是Asynchronous JavaScript + XML的简写。这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新)，会带来更好的用户体验。一时间，席卷全球。 一
封装自己的ajax工具包
zunguitiancheng的专栏
09-20 1075
（1）js文件 // 创建request对象 function createXMLHttpRequest() { try { return new XMLHttpRequest();//大多数浏览器 } catch (e) { try { return ActvieXObject("Msxml2.XMLHTTP");//IE6.0 } catch (e) { try {
简单封装一个自己的AJAX
qq_42367749的博客
03-10 650
我们先说一下使用AJAX发起一个请求的过程 创建一个XMLHttpRequest对象的实例， var xmlHttpRequest = new XmlHttpRequest(); //完整的过程 var xhttp; if (window.XMLHttpRequest) { //现代主流浏览器 xhttp = new XMLHttpR...
包装Ajax，分离请求和成功后的操作
haoranhaoshi的博客
05-03 352
包装Ajax的方法：var getServerProcess = function(method, callback) { var soap = "&lt;soap:Envelope xmlns:soap='http://schemas.xmlsoap.org/soap/envelope/'&gt;&lt;soap:Body&gt;" +  "&lt;ns:" + method + " xmlns...
利用包装类传json数据
学而不思则罔 思而不学则殆
08-22 1952
/** * 利用包装类传json数据 * @param page * @param request * @return */ @RequestMapping("/json") @ResponseBody public HashMap json(@RequestParam(value = "page", required =
Json数据的组装和解析
jiangtea的博客
11-21 6899
1、组装成如下形式 { "a": "a_value", "b": "b_value", "c": [ "c1_value", "c2_value" ], "d": { "d1": "d1_value", "d2": "d2_value" }, "e": [ {
Ajax及封装Ajax详解
热门推荐
c__dreamer的博客
05-25 4万+
    首先说道ajax必须要知道JSON，不会JSON的，请点击。    Ajax        说道ajax到底什么是ajax？ ajax是一种创建交互网页应用的一门技术。        ajax的应用场景有：（地图）实时更新，表单验证等等....        ajax的优缺点：            优点：1.实现局部更新（无刷新状态下），2.减轻了服务器端的压力            缺...
jQuery Ajax与getJSON获取后台JSON数据详解
总结来说，jQuery的Ajax和getJSON方法为前端开发者提供了强大且易用的工具，能够轻松地从后台获取JSON数据，无论是简单的数据还是复杂的层级结构。合理使用这些方法，可以提高应用程序的性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值