Sample.html

<!DOCTYPE html>

<html ng-app="myApp">

<head>

    <title>form</title>

    <script type="text/javascript" src="js/angular.min.js"></script>

</head>

<body>

    <form name="form1" id="form1" ng-controller="form1">

    账号：<input type="text" name="username" ng-model="formData.username" required>

    <span style="color:red" ng-show="form1.formData.username.$dirty && form1.formData.username.$invalid">

        <span ng-show="form1.formData.username.$error.required">请输入账号</span>

    </span>

    <br />

    邮箱：<input type="text" name="email" ng-model="formData.email" required>

    <span style="color:red" ng-show="form1.formData.email.$dirty && form1.formData.email.$invalid">

        <span ng-show="form1.formData.email.$error.required">请输入邮箱</span>

    </span>

    <p>

<input type="submit" ng-disabled="form1.formData.username.$dirty && form1.formData.username.$invalid || form1.formData.email.$dirty && form1.formData.email.$invalid" value="提交" ng-click="submitForm()">

</p>

    </form>

<script type="text/javascript">

   var app = angular.module('myApp',[]);

   app.controller("form1",function($scope,$http){

       $scope.formData = {};

        $scope.submitForm = function() {

            $http({

                method  : 'POST',

                url     : 'Sample.action',

                responseType : 'text',

                data    : $scope.formData

            }).success(function(data) {

                    console.log(data);

                    if (data=="success") {

                        location.replace("Main.action");

                    } else {

                        alert(data.message);

                    }

                });

        };

    });

</script>

</body>

</html>

angularjs默认提交的方式是appliction/json，我在获取提交的参数username和pwd费了一番功夫，后台用struts2获取username和pwd的代码如下

SampleAction.java

    InputStream is = arg0.getInputStream();

    String headerJson = IOUtils.toString(is);

    String headerMap = new Gson().fromJson(headerJson, new TypeToken<Map<String, String>>() {}.getType());

    String username = ObjectUtils.toString(headerMap.get("username"));

    String pwd = ObjectUtils.toString(headerMap.get("pwd"));

我后来是在基类做了一个改造：

public class ActionSupportExtend extends ActionSupport implements ServletRequestAware {

    private HttpServletRequest request;

    private String headerJson;

    private Map<String,String> headerMap;

    public void setServletRequest(HttpServletRequest arg0) {

        this.request = arg0;

        try {

            InputStream is = arg0.getInputStream();

            this.headerJson = IOUtils.toString(is);

            this.headerMap = new Gson().fromJson(headerJson, new TypeToken<Map<String, String>>() {}.getType());

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

    public String getHeaderAttribute(String key) {

        String returnValue = "";

        if(this.headerMap!=null) {

            if(this.headerMap.containsKey(key)) {

                returnValue = ObjectUtils.toString(this.headerMap.get(key));

            }

        }

        return returnValue;

    }

    public HttpServletRequest getRequest() {

        return request;

    }

    public void setRequest(HttpServletRequest request) {

        this.request = request;

    }

    public String getHeaderJson() {

        return headerJson;

    }

    public void setHeaderJson(String headerJson) {

        this.headerJson = headerJson;

    }

}

那么在每次取用angularjs的ajax异步请求的参数，就可以直接这么写：

public class SampleAction extends ActionSupportExtend {

    @Override

    public String execute() throws Exception {

        String username = getHeaderAttribute("username");

        String pwd = getHeaderAttribute("pwd");
        // 业务逻辑代码省略

        return SUCCESS;

    }

}

如何使用angularjs实现ajax异步请求的更多相关文章

  1. ajax异步请求

    做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

  2. spring HandlerInterceptorAdapter拦截ajax异步请求，报错ERR_INCOMPLETE_CHUNKED_ENCODING

    话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...

  3. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  4. ajax异步请求Response.Redirect重定向

    一个ajax异步请求报错->捕获异常->重定向错误提示页面.  一个简单的流程 结果一直搞不定.重定向无效.各种百度之. 后来突然想起 ajax的请求是不能在后台重定向的. 如果硬要重定向 ...

  5. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  6. MVC&WebForm对照学习：ajax异步请求

    写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...

  7. AJAX异步请求原理和过程

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...

  8. Ajax异步请求-简单模版

    <script type="text/javascript"> window.onload = function () { document.getElementByI ...

  9. art.dialog 与 ajax 异步请求

    上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art ...

随机推荐

  1. java 连接 kerberos 认证的 HBase 和 HDFS

    这是两个功能,都很简单就写一块了.. 简单到什么程度呢,简单到只贴代码就可以了... HBase package com.miras.data; import org.apache.hadoop.co ...

  2. Codeforces 1 C. Ancient Berland Circus-几何数学题+浮点数求gcd ( Codeforces Beta Round #1)

    C. Ancient Berland Circus time limit per test 2 seconds memory limit per test 64 megabytes input sta ...

  3. Struts2 + Hibernate3.3 开发简单的登录注册功能【J2EE】

    开发环境: IDE:Myeclipse10.0 数据库:Oracle(SQL Developer) Web容器:Tomcat 7.0 JDK:1.6 Struts:2.0 Hibernate:3.3 ...

  4. 洛谷P2590 [ZJOI2008] 树的统计 [树链剖分]

    题目传送门 树的统计 题目描述 一棵树上有n个节点,编号分别为1到n,每个节点都有一个权值w. 我们将以下面的形式来要求你对这棵树完成一些操作: I. CHANGE u t : 把结点u的权值改为t ...

  5. Flask实战第66天：celery实现异步任务

    Celery文档:http://docs.celeryproject.org Celery 通过消息进行通信,用专用的工作线程不断监视任务队列以执行新工作. Celery需要消息传输来发送和接收消息. ...

  6. 【数据结构】 最小生成树（二）——kruskal算法

    上一期说完了什么是最小生成树,这一期咱们来介绍求最小生成树的算法:kruskal算法,适用于稀疏图,也就是同样个数的节点,边越少就越快,到了数据结构与算法这个阶段了,做题靠的就是速度快,时间复杂度小. ...

  7. shell 指定行插入

    #如果知道行号可以用下面的方法 sed -i '88 r b.file' a.file    #在a.txt的第88行插入文件b.txt awk '1;NR==88{system("cat ...

  8. hdu 5868 2016 ACM/ICPC Asia Regional Dalian Online 1001 (burnside引理 polya定理）

    Different Circle Permutation Time Limit: 3000/1500 MS (Java/Others)    Memory Limit: 262144/262144 K ...

  9. 【欧拉回路】Gym - 101411C - Courier's Route

    每个城市有4个城门,每个城门会发出唯一一条边去别的城市的城门.问你能否从城市1出发,经过每个城门恰好一次,再回到城市1. 每个城市的度数都是4,必然存在欧拉回路(如果连通).欧拉回路显然是一个合法解. ...

  10. 【DP+树状数组】BZOJ1264-[AHOI2006]基因匹配Match

    [题目大意] 给定n个数和两个长度为n*5的序列,两个序列中的数均有1..n组成,且1..n中每个数恰好出现5次,求两个序列的LCS. [思路] 预处理每个数字在a[i]中出现的五个位置.f[i]示以 ...