使用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. DBA_Oracle数据库运维监控（案例）

    2014-07-27 Created By BaoXinjian

  2. Form_通过Zoom客制化跳转页面功能（案例）

    2012-09-08 Created By BaoXinjian

  3. JS获取两个日期的月份差

    function getMonthBetween(startDate,endDate){ startDate=new Date(startDate.replace(/-/g,'/')); endDat ...

  4. 搭建一个springmvc helloworld程序

    1.加jar包,需要8个,从springframework里面选 logging core aop context expression bean web webmvc 2.配置web.xml,在文件 ...

  5. substring与substr

    一.substring package Test; public class SubstringTest { public static void main(String[] args) { Stri ...

  6. ajaxSubmit中option的参数

    var options = { target: '#output1', // target element(s) to be updated with server response beforeSu ...

  7. js判断手机是的操作系统

    var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; retu ...

  8. 前端之JavaScript

    JavaScript JavaScript 是一种轻量级的编程语言:是可插入 HTML 页面的编程代码:JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 一,编写方式 1.Ja ...

  9. 排序（sort qsort）

    qsort()  函数: sort() 函数表: 函数名 功能描述 sort 对给定区间所有元素进行排序 stable_sort 对给定区间所有元素进行稳定排序 partial_sort 对给定区间所 ...

  10. document.write('<script type=\"text/javascript\"><\/script>')

    document.write('<script type=\"text/javascript\"><\/script>')