使用AngularJS+Struts2进行前后台的数据交互与显示。

　　struts.xml

　　　　配置文件需要将设置extends="json-default"  type="json"

 <package name="default" namespace="/" extends="json-default">

        <action name="ajax" class="com.Yiran583.action.ajacAction">

            <result type="json"/>

        </action>

 </package>

　　后台代码：

　　　　将需要作为JSON数据传递给前台的属性设置相应的getter/setter方法

    private List<Person> list = new ArrayList<Person>();

    private Person person;

    @Override

    public String execute() throws Exception {

        // TODO Auto-generated method stub

        Person person = new Person("Yiran", 20);

        Person person1 = new Person("Jiao", 22);

        Person person2 = new Person("Zhangsan", 18);

        list.add(person1);

        list.add(person2);

        list = JSONArray.fromObject(list);

        return SUCCESS;

    }

    public List<Person> getList() {

        return list;

    }

    public void setList(List<Person> list) {

        this.list = list;

    }

　　前台：

　　　　ng-repeat 循环显示

　　　　x.name,x.age 分别是JSON对象中的属性

　　　　$scope.name = a.list; 将list对象返回的结果绑定到name上

<body ng-app>

    <span id="btn" style="cursor: pointer; font-size: 20px">action</span>

    <div id="rdiv" ng-controller="myCC">

        要显示数据的区域

        <li ng-repeat="x in names">

            {{x.name+" "+x.age}}

        </li>

    </div>

    <script type="text/javascript">

        function myCC($scope, $http) {

            var url = "ajax.action";

            $http.get(url).success(function(a) {

                $scope.names = a.list;

            });

        }

    </script>

</body>

　　

简单的使用AngularJS的解析JSON的更多相关文章

  1. Android--------使用gson解析json文件

    ##使用gson解析json文件 **json的格式有两种:** **1. {}类型,及数据用{}包含:** **2. []类型,即数据用[]包含:** 下面用个例子,简单的介绍gson如何解析jso ...

  2. 【Android进阶】Gson解析json字符串的简单应用

    在客户端与服务器之间进行数据传输,一般采用两种数据格式,一种是xml,一种是json.这两种数据交换形式各有千秋,比如使用json数据格式,数据量会比较小,传输速度快,放便解析,而采用xml数据格式, ...

  3. Gson+GsonFormat+Postman简单粗暴解析json

    现在有时候之前的项目需要返回来修改bug看到以下这段代码 if (test != null) { JSONTokener jsonParser = new JSONTokener(test); JSO ...

  4. iOS开发-简单解析JSON数据

    什么是JSON   JSON是一种轻量级的数据格式,一般用于数据交互 服务器返回给客户端的数据,一般都是JSON格式或者XML格式(文件下载除外) JSON的格式很像OC中的字典和数组   {“nam ...

  5. 简单快速的让你的json解析速度快上加快

    背景 最近小编在做公司的一个需求.要求是把系统内的一些大型文本文件上传到第三方那里,而且第三方要求的交互数据的方式是采用post请求发送json串的形式进行的. 问题 做到中途才发现问题,由于单个文本 ...

  6. Ionic/Angularjs 知识点解析

    Ionic/Angularjs 知识点解析 angular-ui-router(状态跳转) state的定义:(在app.js的config下配置) $stateProvider .state('ap ...

  7. 使用Newtonsoft.Json.dll(JSON.NET)动态解析JSON、.net 的json的序列化与反序列化（一）

    在开发中,我非常喜欢动态语言和匿名对象带来的方便,JSON.NET具有动态序列化和反序列化任意JSON内容的能力,不必将它映射到具体的强类型对象,它可以处理不确定的类型(集合.字典.动态对象和匿名对象 ...

  8. 阶段一：通过网络请求，获得并解析JSON数据（天气应用）

    “阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 在上一篇阶段一:解析JSON中提到,最近在写一个很简单的天气预报应用.即使功能很简单,但我还是想把它做成一个相对完 ...

  9. 阶段一：解析JSON

    “阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 最近学到解析JSON格式的网络数据,而作业也要求自己找一个天气预报的API地址,然后解析其中JSON格式的数据.可 ...

随机推荐

  1. Java方法总结与源码解析（未完待续）

    使用StringTokenizer去掉字符串中的空格 public class StringTo { public static void main(String[] args){ String te ...

  2. Codeforces Round #366 (Div. 2) C Thor（模拟+2种stl）

    Thor 题意: 第一行n和q,n表示某手机有n个app,q表示下面有q个操作. 操作类型1:app x增加一条未读信息. 操作类型2:一次把app x的未读信息全部读完. 操作类型3:按照操作类型1 ...

  3. python （2）xpath与定向爬虫

    内容来自:极客学院,教学视频: 写在前面: 提取Item 选择器介绍 我们有很多方法从网站中提取数据.Scrapy 使用一种叫做 XPath selectors的机制,它基于 XPath表达式. 这是 ...

  4. jsp自定义标签1

    1.编写一个实现tag接口的java类 package cn.itcast.web.tag; import java.io.IOException; import javax.servlet.http ...

  5. VVDocumenter-Xcode 规范注释生成器 插件之安装调试适应新版本

    1.下载地址: 很多时候,为了快速开发,很多的技术文档都是能省则省,这个时候注释就变得异常重要,再配合Doxygen这种注释自动生成文档的,就完美了.但是每次都要手动输入规范化的注释,着实也麻烦,但有 ...

  6. ubuntu14.04 wifi频繁掉线解决

    uname -r sudo lspci -knn sudo lshw -numeric -class network sudo ifconfig -a sudo route -nv sudo rfki ...

  7. Oracle安全漏洞2016.10报告

    Oracle安全漏洞2016.10报告 http://www.cnvd.org.cn/webinfo/show/3950

  8. JS闭包研究、自造困扰与解答

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  9. 二叉树的JAVA实现-二叉树的增删改查CRUD

    package org.lyk.interfaces; import java.util.List; public interface IBiTree<T extends Comparable& ...

  10. 算法库：blas, lapack, cblas, clapack, armadillo, openblas, mkl关系

    关于blas的介绍介绍见:http://www.cnblogs.com/dzyBK/p/4983953.html blas:提供向量和矩阵的基本运算,用fortran编写. lapack:提供向量和矩 ...