柚子快報激活碼778899分享：ajax 查詢所有實現(xiàn)

http://yzkb.51969.com/

public class User {

private Integer id;

private String name;

private String password;

private Date birthday;

3、使用FastJson工具類轉(zhuǎn)換對象

(1)單個java對象轉(zhuǎn)換為JSON串

/**

轉(zhuǎn)換單個對象

*/

@Test

public void FastJson() {

//1.創(chuàng)建一個對象

User user = new User(1, “王恒杰”, “123456”, new Date());

// 打印對象

System.out.println(“User對象”+user);

/**

使用fastJson將User對象轉(zhuǎn)換為json形式的字符串 參數(shù)：要轉(zhuǎn)化的對象 返回值：json字符串

*/

String json = JSONObject.toJSONString(user);

System.out.println(“json串”+json);

}

轉(zhuǎn)換后結(jié)果

注：我們會發(fā)現(xiàn)對象轉(zhuǎn)換為JSON串時，日期轉(zhuǎn)化不會正常顯示 ，他會顯示為毫秒！FastJson專門提供一個API解決日期格式轉(zhuǎn)化 問題！

(2)java對象轉(zhuǎn)換為JSON串日期轉(zhuǎn)化方案

/**

java對象轉(zhuǎn)換為JSON串日期轉(zhuǎn)化方案

*/

@Test

public void FastJson() {

//1.創(chuàng)建一個對象

User user = new User(1, “王恒杰”, “123456”, new Date());

// 打印對象

System.out.println(“User對象”+user);

/**

2.使用fastJson將User對象轉(zhuǎn)換為json形式的字符串 參數(shù)：要轉(zhuǎn)化的對象 返回值：json字符串

*/

String json1 = JSONObject.toJSONString(user);

System.out.println(“json串”+json1);

/**

3.fastJson日期格式轉(zhuǎn)化API 參數(shù)1：要轉(zhuǎn)化的對象 參數(shù)2：日期轉(zhuǎn)化 可以寫成 yyy-mm-dd && yyyy-mm-dd hh:mm:ss兩種 返回值：日期格式化后的json串

*/

String json2 = JSONObject.toJSONStringWithDateFormat(user, “yyyy-mm-dd hh:mm:ss”);

System.out.println(“日期格式化后的json串”+json2);

}

轉(zhuǎn)換后結(jié)果

(3)List集合對象轉(zhuǎn)換為JSON串

@Test

public void ListByFastJsonTest(){

//1.創(chuàng)建List集合

ArrayList list = new ArrayList<>();

//2，添加數(shù)據(jù)

list.add(new User(1, “王恒杰1”, “123456”, new Date()));

list.add(new User(2, “王恒杰2”, “123456”, new Date()));

list.add(new User(3, “王恒杰3”, “123456”, new Date()));

list.add(new User(4, “王恒杰4”, “123456”, new Date()));

//通過fastJson將List集合轉(zhuǎn)換為json串

String listUser = JSONObject.toJSONStringWithDateFormat(list, “yyyy-mm-dd”);

System.out.println(listUser);

}

轉(zhuǎn)換后結(jié)果

(4)map集合對象轉(zhuǎn)換為JSON串

@Test

public void MapByFastJsonTest() {

//1.創(chuàng)建map集合

Map map = new HashMap<>();

//2，添加數(shù)據(jù)

map.put(“1號選手”, “王恒杰1”);

map.put(“2號選手”, “王恒杰2”);

map.put(“3號選手”, “王恒杰3”);

map.put(“4號選手”, “王恒杰4”);

//通過fastJson將map集合轉(zhuǎn)換為json串

String json = JSONObject.toJSONString(map);

System.out.println(json);

}

轉(zhuǎn)換后結(jié)果

(5)使用注解的方法解決日期格式

實體類User:

測試方法：

@Test

public void DateByFastJsonTest(){

User user = new User();

user.setBirthday(new Date());

String json = JSONObject.toJSONString(user);

System.out.println(json);

}

轉(zhuǎn)換后結(jié)果

七、Google的Gson 的使用(功能最全 ）

===================================================================================================

先對與fastJson來說：Gson在功能上面無可挑剔，但是性能上面比FastJson有所差距。因為我很少使用，所以Gson我就測試了一個！

1、在maven項目中導(dǎo)入Fastjson 的依賴

com.google.code.gson

gson

2.8.5

2、創(chuàng)建實體類User

public class User {

private Integer id;

private String name;

private String password;

private Date birthday;

3、單個java對象轉(zhuǎn)換為JSON串：toJson

/**

Gson轉(zhuǎn)換單個對象

*/

@Test

public void Gson() {

//1.創(chuàng)建一個對象

User user = new User(1, “王恒杰”, “123456”, new Date());

// 打印對象

System.out.println(“User對象” + user);

/**

2.使用Gson將User對象轉(zhuǎn)換為json形式的字符串

*/

Gson gson = new Gson();

String json = gson.toJson(user);

System.out.println(json);

}

轉(zhuǎn)換后結(jié)果

4、java對象轉(zhuǎn)換為JSON串日期轉(zhuǎn)化方案

@Test

public void DateGson() {

//1.創(chuàng)建一個對象

User user = new User(1, “王恒杰”, “123456”, new Date());

// 打印對象

System.out.println(“User對象” + user);

/**

2.使用Gson將User對象轉(zhuǎn)換為json形式的字符串

*/

GsonBuilder builder = new GsonBuilder();

Gson gson = builder.setDateFormat(“yyyy-mm-dd”).create();

String json = gson.toJson(user);

System.out.println(json);

}

轉(zhuǎn)換后結(jié)果

五、如何選擇Gson || FastJson

=========================================================================================

在項目選型的時候可以使用Google的Gson和阿里巴巴的FastJson兩種并行使用，

如果只是功能 要求，沒有性能 要求，可以使用google的Gson，

如果有性能上面的要求可以使用Gson將bean轉(zhuǎn)換json確保數(shù)據(jù)的正確，使用FastJson將Json轉(zhuǎn)換Bean

六、前端將json串轉(zhuǎn)換為js中的json對象

==========================================================================================

//json形式字符串:xhr.responseText

轉(zhuǎn)換方式1： var JsJsonObject=JSON.parse(xhr.responseText); 轉(zhuǎn)換方式2： var JsJsonObject=eval(“+(xhr.responseText)+”);

JSJsonObject屬性名 獲取對應(yīng)屬性值

前后端json轉(zhuǎn)化總結(jié)：

java對象：使用json轉(zhuǎn)換工具(FastJson) 將對象轉(zhuǎn)換為json串 再進(jìn)行轉(zhuǎn)換 js: 將接收到的json字符串轉(zhuǎn)換為js中的json對象

七、FastJson實用案例

=================================================================================

1、案例要求：單擊展示單個用戶信息 & 驗證用戶名是否存在

2、具體實現(xiàn)

（1）技術(shù)選型：

Servlet+html+Ajax+js(主要展示ajax&FastJson效果)，Ajax我們使用的是原生js實現(xiàn)

（2）所需要依賴

javax.servlet

javax.servlet-api

3.1.0

provided

javax.servlet.jsp

jsp-api

2.1

com.alibaba

fastjson

1.2.47

（3）實體類User

public class User {

private Integer id;

private String name;

private String password;

private Date birthday;

（3）html

用戶名：

（4）ajax實現(xiàn)數(shù)據(jù)傳輸

（5）servlet實現(xiàn)后端

單擊展示單個用戶信息

@WebServlet(“/checkName”)

public class CheckServlet extends HttpServlet {

@Override

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

//統(tǒng)一編碼格式

request.setCharacterEncoding(“utf-8”);

response.setContentType(“text/html;setchar=utf-8”);

response.setCharacterEncoding(“utf-8”);

//接收數(shù)據(jù)

String name = request.getParameter(“name”);

User user = new User(1, “王恒杰”, “123456”, new Date());

//處理業(yè)務(wù)

if (user.getName().equals(name)) {

response.getWriter().print(“用戶可以被查詢到！”);

} else {

//驗證用戶名是否存在

response.getWriter().print(“用戶不存在”);

}

}

}

驗證用戶名是否存在

@WebServlet(“/user”)

public class UserServlet extends HttpServlet {

@Override

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//統(tǒng)一編碼格式

request.setCharacterEncoding(“utf-8”);

response.setContentType(“text/html;setchar=utf-8”);

response.setCharacterEncoding(“utf-8”);

//接收數(shù)據(jù)

String name = request.getParameter(“name”);

User user = new User(1, “王恒杰”, “123456”, new Date());

//處理業(yè)務(wù)

// 響應(yīng)輸出流 向客戶端響應(yīng)內(nèi)容

String jsonUser = JSONObject.toJSONStringWithDateFormat(user, “yyyy-mm-dd”);

response.getWriter().print(jsonUser);

}

}

效果展示：

八、Ajax發(fā)送請求處理多個數(shù)據(jù)

===================================================================================

1、實現(xiàn)步驟：

1.給按鈕添加單擊事件

2.發(fā)送請求查詢多個用戶

前端Ajax實現(xiàn)：

var btn=document.getElementById(“btn”);

btn.οnclick=function(){

//發(fā)送請求查詢多個用戶

var xhr=new XmlHttpRequest();

xhr.open(“get|post”,“/xxx/queryAllServlet”);

//[post需要添加]xhr.setRequestHeader(“content-type”,“app…”);

xhr.send();

on.onreadystatechange=funtion(){

if(xhr.readyState=4&&xhr.status==200){

//響應(yīng)數(shù)據(jù)

//xhr.responseText;//json字符串

var users=JSON.parse(xhr.responseText);//json形式j(luò)s對象

//var users=eval(“(”+xhr.responseText+“)”)//json形式j(luò)s對象

//遍歷

for(var i=0;i

//js操作頁面結(jié)構(gòu)

}

}

}

}

后端用Servelt|Struts2實現(xiàn)：

queryAll{

//接收數(shù)據(jù)

//調(diào)用業(yè)務(wù)

List users=new UserServicce.queryAll();

//將users轉(zhuǎn)換為json形式字符串（fastJson實現(xiàn)）

String JsonUsers=JSONObject.JSONString(users);

//響應(yīng)數(shù)據(jù)

response.getWriter().pront(jsonUsers);

}

2、不同的瀏覽器版本發(fā)送異步請求

屬性：XMLHttpRequest 布爾值 true:WebKit內(nèi)核 false:IE內(nèi)核

js瀏覽器差異 IE內(nèi)核 WebKit內(nèi)核

3、Ajax實現(xiàn)前端：

%@ page contentType=“text/html;charset=UTF-8” language=“java” isELIgnored=“false” %>

查詢所有實現(xiàn)

4、Servlet實現(xiàn)后端

@Override

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

ArrayList list = new ArrayList<>();

//2，添加數(shù)據(jù)

list.add(new User(1, “王恒杰1”, “123456”, new Date()));

list.add(new User(2, “王恒杰2”, “123456”, new Date()));

list.add(new User(3, “王恒杰3”, “123456”, new Date()));

list.add(new User(4, “王恒杰4”, “123456”, new Date()));

String usersJson = JSONObject.toJSONStringWithDateFormat(list, “YYYY-MM-DD”);

response.setCharacterEncoding(“utf-8”);

response.getWriter().print(usersJson);

}

十、JQuery的Ajax請求

==================================================================================

1、javaScript實現(xiàn)Ajax請求發(fā)送出現(xiàn)的問題

編碼冗余 考慮瀏覽器差異問題

2、Jquery實現(xiàn)Ajax請求發(fā)送

Jquery框架天生支持Ajax請求 使用Ajax發(fā)送請求，必須要引入對應(yīng)的js文件

<%-- 引入jquery對應(yīng)文件–%>

3、怎么樣使用jquery發(fā)送Ajax請求？

(1)get請求方式

$.get(url,[data],[callback],[type])=jquery.get(url,[data],[callback],[type]);

參數(shù)：url 請求發(fā)送的目標(biāo)地址 “/xxx/xxAction” data 要向服務(wù)端傳遞的數(shù)據(jù) “name=whj&…”

3.callback 回調(diào)函數(shù) 表示響應(yīng)解析完成并且正確情況下 你需要執(zhí)行的功能

返回內(nèi)容格式 xml,html,script json 通過type可以設(shè)置響應(yīng)回來的響應(yīng)類型

text:返回數(shù)據(jù)類型字符串

json:會自動將返回的數(shù)據(jù)封裝成json對象(相當(dāng)于 JSON.parse());

*使用場景：

發(fā)送請求，不處理響應(yīng) $.get(“url”)

發(fā)送請求，傳遞數(shù)據(jù)，不處理響應(yīng) $.get(“url”,“name=whj”)

發(fā)送請求，不傳遞數(shù)據(jù)，處理響應(yīng) $.get(“url”,function(){})

發(fā)送請求，傳遞數(shù)據(jù)，處理響應(yīng) $.get(“url”,“name=whj”,function({}));

發(fā)送請求，傳遞數(shù)據(jù)，處理響應(yīng),同時設(shè)置返回類型 $.get(“url”,“name=whj”,function({}),“json”);

*注意：調(diào)用jquery語法時jquery=$

用get請求方式給按鈕綁定單機(jī)事件獲取多個數(shù)據(jù)

<%@ page contentType=“text/html;charset=UTF-8” language=“java” isELIgnored=“false” %>

<%-- 引入jquery對應(yīng)文件–%>

效果展示

（2）post方式請求

$post(url,[data],[callback],[type])

1.url：請求的資源路徑。

data：發(fā)送給服務(wù)器端的請求參數(shù)，格式可以是key=value，也可以是 js 對象。 callback：當(dāng)請求成功后的回調(diào)函數(shù)，可以在函數(shù)中編寫我們的邏輯代碼。 type：預(yù)期的返回數(shù)據(jù)的類型，取值可以是 xml, html, js, json, text等。

用post請求方式給按鈕綁定單機(jī)事件獲取多個數(shù)據(jù)

<%@ page contentType=“text/html;charset=UTF-8” language=“java” isELIgnored=“false” %>

<%-- 引入jquery對應(yīng)文件–%>

柚子快報激活碼778899分享：ajax 查詢所有實現(xiàn)

http://yzkb.51969.com/

文章來源