`

用ajax方式获得服务器端json的对象（文本）

 
阅读更多

json.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

<%

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 'json.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" src="scripts/jquery-1.3.1.js"/>

<script type="text/javascript">

$(function()

{

$("#button1").click(function

{

$.get("GsonServlet",{},function(returnedData,status)

{

//

var html="<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>compayAddress</th><th>sssshomeAddress</th>";

for(int i=0;i<returnedData.length;i++){

var people=returnedData[i]

var id=people.id;

var name=people.name;

var companyAddress=people.companyAddress;

var homeAddress=people.homeAddress;

html+="<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+companyAddress+"</td><td>"+homeAddress+"</td>"

html+="</table>";

}

$("#theBody table:eq(0)").remove();

$("#theBody").append(html);

})

})

})

</script>

  </head>

  

  <body>

    <input type="button" value="get json content from server"  id="button1"></input>

  </body>

</html>

 

Address.java


 

package com.sun.model;


public class Address {


private String homeAddress;

private String compayAddress;

public String getHomeAddress() {

return homeAddress;

}

public void setHomeAddress(String homeAddress) {

this.homeAddress = homeAddress;

}

public String getCompayAddress() {

return compayAddress;

}

public void setCompayAddress(String compayAddress) {

this.compayAddress = compayAddress;

}

}

People .java

 

package com.sun.model;


import java.util.List;


public class People {


private int id;

private String name;

private Address address;

private List<People> friends;

public int getId() {

return id;

}

public void setId(int id) {

this.id = id;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public Address getAddress() {

return address;

}

public void setAddress(Address address) {

this.address = address;

}

public List<People> getFriends() {

return friends;

}

public void setFriends(List<People> friends) {

this.friends = friends;

}

}

GsonServlet .java

 

package com.sun.servlet;


import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;


import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;


import com.google.gson.Gson;

import com.sun.model.Address;

import com.sun.model.People;


public class GsonServlet extends HttpServlet {


public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {


List<People> list = new ArrayList<People>();

//构造第一个人

People people1 = new People();//对象类型属性

Address address1 = new Address();//对象类型属性

address1.setCompayAddress("beijing");

address1.setHomeAddress("shanghai");


people1.setId(1);

people1.setName("zhangsan");

people1.setAddress(address1);

 

//朋友

//第一个人

People people11 = new People();

people11.setId(5);

people11.setName("zhangsan1");

//第二个人

People people12 = new People();

people12.setId(6);

people12.setName("zhangsan2");


List<People> list1 = new ArrayList<People>();

list.add(people11);

list.add(people12);


people1.setFriends(list);


System.out.println("--------------");

//构造第二个人

People people2=new People();

Address address2=new Address();

address2.setCompayAddress("liaoning");

address2.setHomeAddress("吉林");

people2.setId(2);

people2.setName("lisi");

people2.setAddress(address2);

List<People> list2=new ArrayList<People>();

People people21=new People();

people21.setId(3);

people21.setName("lisi11");

People people22=new People();

people22.setId(4);

people22.setName("lisi12");

list2.add(people21);

list2.add(people22);

people2.setFriends(list2);

list.add(people1);

list.add(people2);

Gson gson=new Gson();

String result=gson.toJson(list);

System.out.println(result);

}

}


分享到：
| jquery 异步调用$.ajax() $.post() $.g ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    服务器端的JSON

    1. **序列化**: 将服务器端的数据结构（如对象、数组）转换为JSON字符串，以便通过网络发送。例如，Python中的`json.dumps()`函数可以实现这一过程。 2. **解析**: 当接收到前端发送的JSON数据时，服务器需要将其...

    asp输出json对象实例

    在ASP环境中，我们可能需要将服务器端的数据转换为JSON格式，以便于与客户端进行交互，特别是配合AJAX（Asynchronous JavaScript and XML）技术进行异步数据更新。 标题"asp输出json对象实例"指的是在ASP中创建和...

    JS中Json对象

    - **API数据交互**：现代Web应用程序经常使用RESTful API进行前后端分离开发，JSON是最常用的响应格式之一。 - **配置文件**：由于其简洁性和易读性，JSON也常用于配置文件的编写。 - **数据持久化**：在某些情况下...

    下载json，ajax传送对象的好帮手

    1. **创建JSON对象**：在服务器端，你可以使用各种编程语言（如JavaScript、Python、Java等）创建一个数据结构，然后将其转换为JSON字符串。 2. **发送AJAX请求**：前端通过XMLHttpRequest或更现代的fetch API发起...

    掌握 Ajax第 11 部分--服务器端的 JSON.pdf

    这种快速的数据转换能力，使得JSON成为Ajax应用程序的理想选择，因为它允许开发者轻松地在本地JavaScript对象和服务器端数据之间进行转换，而无需过多考虑数据格式问题。 #### JSON与服务器通信 在本篇文章中，...

    json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2

    例如，使用jQuery的$.ajax或$.getJSON方法发起请求，服务器端使用这些jar包解析请求中的JSON数据，处理后返回新的JSON数据，jQuery再将其解析为JavaScript对象，更新页面内容。 总结来说，这个“json.rar”压缩包...

    Ajax+JSON 搜索框自动完成提示功能

    3. **Ajax请求**：使用`$.ajax()`或`$.getJSON()`（jQuery方法）构建一个Ajax请求，URL指向服务器端处理搜索建议的接口，数据类型设置为`'json'`，以接收JSON响应。 4. **服务器端处理**：在服务器端（可能是Java、...

    maven+ajax+json

    【标题】"maven+ajax+json" 描述了在软件开发中，使用Maven构建项目，通过Ajax技术处理JSON数据的方式。这是一个典型的前后端交互场景，涉及到的技术栈包括Maven（项目管理工具）、Ajax（异步JavaScript和XML）以及...

    json.zip_JSON_ajax json

    JSON（JavaScript Object Notation）是一种轻量级的...开发者需要熟练掌握JSON的语法和使用方式，以便更好地进行前后端的数据交互。同时，理解如何在AJAX请求中使用JSON，对于提升Web应用的性能和用户体验至关重要。

    json-servlet-ajax

    JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它采用完全独立于语言的文本格式，但也使用了类似于C家族语言（包括C、C++、C#、Java、JavaScript等）的习惯，这使得它对程序员来说非常友好。...

    php基于jquery的ajax技术传递json数据简单实例.docx

    在本例中，我们使用 eval() 函数将 JSON 数据解析成 JavaScript 对象。 PHP 相关知识点 在本文中，我们还提到了许多 PHP 相关知识点，例如 PHP 变量、数据类型、运算符、控制结构、函数等。这些知识点是 PHP 程序...

    ajax原理、JSON介绍

    - **服务器处理**：服务器端执行脚本，处理请求。 - **数据返回**：响应以XML或文本格式返回，可以通过XMLHttpRequest对象接收。 - **回调函数**：当请求完成时，预先定义的回调函数处理响应，更新DOM以反映...

    基于JSON的AJAX请求案例

    **基于JSON的AJAX请求案例** ...通过创建XMLHttpRequest对象、设置请求参数和处理响应，以及在服务器端处理请求，我们可以实现在客户端和服务器之间的无刷新数据交换。这个过程对于实现动态网页和实时应用至关重要。

    Javaweb项目ajax请求Json实例

    此项目实例"Javaweb项目ajax请求Json实例"旨在演示如何将服务器端的数据以JSON（JavaScript Object Notation）格式发送到客户端，并在JSP页面上进行解析和展示。JSON是一种轻量级的数据交换格式，因其简洁性和易读性...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    jQuery 提供了多种 AJAX 方法来简化这一过程，其中 `$.post()` 是一种常用的方式来实现客户端向服务器端发送数据并接收响应。本文将详细探讨 `$.post()` 的使用方法，特别是在传递 JSON 数据时的应用。 #### 一、`$...

    Ajax 中对Json 使用

    **Ajax与JSON的结合使用详解** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载...无论是客户端的JavaScript，还是服务器端的.NET代码，都能轻松处理JSON数据。

    AJAX+JQuery+JSON的综合例子

    3. **AJAX请求**：使用jQuery的`.ajax()`或`.getJSON()`方法发起一个请求到服务器，获取JSON数据。请求通常包括URL、请求类型（GET或POST）、成功回调函数等参数。 ```javascript $.ajax({ url: 'your_server_...

    ajax 中的全面json参考材料

    它可以将Java对象转换为JSON字符串，也可以将JSON文本解析成等效的Java对象。这对于Java开发者来说，是处理JSON数据的强大工具，尤其是在服务器端。 6. Gson的使用： - 序列化：`Gson gson = new Gson(); String ...

    ajax获得json对象数组 循环输出数据的方法

    假设我们有一个返回JSON数组的服务器端接口，例如`/api/data`，可以这样设置AJAX请求： ```javascript $.ajax({ url: '/api/data', type: 'GET', dataType: 'json', // 告诉jQuery期望的数据类型是JSON success...

Magicbox
Global site tag (gtag.js) - Google Analytics