日韩欧美亚洲区,成人午夜福利AV,国产视频午夜

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

原創(chuàng)|其它|編輯：郝浩|2012-09-03 14:42:07.000|閱讀 613 次

概述：只需要簡單幾個步驟和MyEclipse IDE，便可以使用jQuery將數(shù)據(jù)轉(zhuǎn)換為JSON數(shù)據(jù)，并展示JSON數(shù)據(jù)的反饋，這個教程能夠幫助廣大JAVA開發(fā)者更深入的MVC 設(shè)計模式（Model View Controller pattern）。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

只需要簡單幾個步驟和MyEclipse IDE，便可以使用jQuery將數(shù)據(jù)轉(zhuǎn)換為JSON數(shù)據(jù)，并展示JSON數(shù)據(jù)的反饋，這個教程能夠幫助廣大JAVA開發(fā)者更深入的MVC 設(shè)計模式（Model View Controller pattern）。

數(shù)據(jù)庫

示例數(shù)據(jù)庫信息表包含兩列msg_id和消息。

第1步

創(chuàng)建一個新的包DTO（數(shù)據(jù)交易對象）。

右鍵單擊SRC - >“新建”，然后選擇“Package”。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

給Package命名，然后單擊“完成”。

第2步

現(xiàn)在，你必須創(chuàng)建一個類，右鍵單擊DTO - >新建 - 類（Class）

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

MessageObjects.java

在這里，你必須聲明所有的事務(wù)對象（transaction objects），本教程中的事務(wù)對象是msg_id和消息

package dto;

public class MessageObjects
{
//Message Objects
private String msg_id;
private String message;
//Getters and Setters
}

第3步

你必須生成getter和setter，只需右鍵點擊的代碼。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

轉(zhuǎn)到資源（Source），然后選擇生成Getter和Setter

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

后續(xù)的彈出窗口出現(xiàn)后，選擇事務(wù)對象，然后單擊“確定”。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

Eclipse會產(chǎn)生這樣的代碼，當(dāng)存在大量的事務(wù)對象時，這個就會非常有用了。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

第4步

你必須復(fù)制gson.jar到庫文件夾，下載代碼中包含這些JAR文件。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

第5步

數(shù)據(jù)訪問對象（DAO）包

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

Project.java

用ArrayList數(shù)據(jù)類型創(chuàng)建一個GetMessages，使用select語句從消息表中得到結(jié)果，再將結(jié)果綁定到messageData對象。

package dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import dto.MessageObjects;
public class Project
{
public String InsertMessage(Connection connection, HttpServletRequest request,
HttpServletResponse response) throws Exception {
// Previous Post
}

public ArrayList GetMessages(Connection connection,HttpServletRequest request,HttpServletResponse response) throws Exception
{
ArrayList messageData = new ArrayList();
try
{
PreparedStatement ps = connection.prepareStatement("SELECT msg_id,message FROM messages ORDER BY msg_id DESC");
ResultSet rs = ps.executeQuery();
while(rs.next())
{
MessageObjects messageObject = new MessageObjects();
messageObject.setMsg_id(rs.getString("msg_id"));
messageObject.setMessage(rs.getString("message"));
messageData.add(messageObject);
}
return messageData;
}
catch(Exception e)
{
throw e;
}
}

}

第6步

模型類模型包

ProjectManager.java

在這里，你必須編寫業(yè)務(wù)邏輯，例如：用戶會話驗證

package model;

import java.sql.Connection;
import java.util.ArrayList;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import dao.Project;
import dto.MessageObjects;

public class ProjectManager {
public String InsertMessage(Connection connection, HttpServletRequest request,
HttpServletResponse response) throws Exception {
//Previous Post
}

public ArrayList GetMessages(Connection connection, HttpServletRequest request,
HttpServletResponse response) throws Exception {
ArrayList messages = null;
try {
// Here you can validate before connecting DAO class, eg. User session condition
Project project= new Project();
messages=project.GetMessages(connection, request, response);
}
catch (Exception e) {
throw e;
}
return messages;
}

}

第7步

創(chuàng)建servlet類的控件包。

如何使用jQuery轉(zhuǎn)換JSON數(shù)據(jù)

GetMessages.java

轉(zhuǎn)換messageData對象的數(shù)據(jù)為JSON數(shù)據(jù)格式。在WEB-INF目錄下的web.xml文件里面添加servlet類映射。在WEB-INF目錄下的web.xml文件里面添加servlet類映射。

package controls;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.util.ArrayList;
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.google.gson.Gson;

import dao.Database;
import model.ProjectManager;
import dto.MessageObjects;

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

public GetMessages() {
super();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
try
{
Database database= new Database();
ProjectManager projectManager= new ProjectManager();
ArrayList messagesData = null;
Connection connection = database.Get_Connection();
messagesData = projectManager.GetMessages(connection, request, response);
Gson gson = new Gson();
String messages = gson.toJson(messagesData);
out.println("{\"Messages\":"+messages+"}");
}
catch (Exception ex)
{
out.println("Error: " + ex.getMessage());
}
finally
{
out.close();
}
}

從信息數(shù)據(jù)中獲取JSON輸出

{
"Messages":[
{
"msg_id":"3",
"message":"Everything is possible. "
},
{
"msg_id":"2",
"message":"9lessons Programming Blog //9lessons.info"
},
{
"msg_id":"1",
"message":"Make People fall in love with Your Ideas"
}
]

第8步

最后一步，使用jQuery顯示JSON數(shù)據(jù)。

index.jsp

使用$.AJAX調(diào)用GetMessages servlet，然后讀取所有有$.的JSON數(shù)據(jù)，再數(shù)據(jù)添加到內(nèi)容的div。