AngularJS Post 表单键值对格式

原创 2016年06月02日 10:34:36

最近有一个项目用到AngularJS框架,需要上传表单数据。由于需要服务器返回信息后根据信息在页面上显示一些东西,因此需要使用AJAX方式上传。

百度了一下这个问题,大家的解决方法大概是这样的:

$http({
    method  : 'POST',
    url     : '/role/edit',
    data    : $.param($scope.formData),
    headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
})

在WebStorm中这样使用会提示找不到"$",并且不会上传键值对形式的表单数据。

查找了一些资料发现,将data改为param,就可以把$scope的对象序列化成键值对形式。

$http({
    method:"post",
    url:YourURL,
    headers:{"Content-Type","x-www-form-urlencoded"},
    params: $scope.obj  //JSONObject/JSONArray
}).success(function (response) {
    //......
});
哎。。。大家在转载别人的东西的时候能不能写上转载来源或者注上转载,对原作者尊重,对阅读者负责。阅读者看见满天都是这个做法就认为是对的,然而这是不对的。

版权声明:本文为博主原创文章,未经博主允许不得转载。

angularjs $http事务实现form表单序列化提交

在angularJs中前后端数据交互时 在添加时需要对form表单进行处理,并通过$http提交 需要注意 :     1. $http()参数列表为Json数组     2. 需要对f...
  • y1578191511
  • y1578191511
  • 2017年07月21日 19:07
  • 117

使用Angular提交表单

使用Angular提交表单 我们准备在之前使用的标签中设置我们的Angular应用。所以删除里面的内容,我们就可以开始了。 设置一个Angular应用 步骤为:     1. ...
  • u010408365
  • u010408365
  • 2015年05月06日 13:13
  • 12337

AngularJS操作数组

angularJS的数组操作的方法 1.数组的创建 有以下三种方法 (1)  var arrayObj = new Array(); //创建一个数组 (2)  var arrayObj = ne...
  • qq_36341800
  • qq_36341800
  • 2017年07月26日 10:01
  • 3550

怎么利用HttpURLConnection向服务器发送键值对

一般情况下HttpURLConnection利用Get方法可以直接通过url向服务器发送键值对。这种方式下数据往往是以url?name=value&name1=value1.....的形式向服务器传送...
  • qq_20916555
  • qq_20916555
  • 2015年11月23日 19:15
  • 4162

【httpclient编写爬虫】post提交json数据和普通键值

写在开头在开发爬虫的过程中,难免碰到post提交的问题。 本文比较了两种数据提交方式,并且使用httpclient模拟网站post提交两种数据。我见过的post提交方式有两种: 普通的键值对提交方式...
  • u012386311
  • u012386311
  • 2017年01月01日 13:20
  • 1367

JS自动获取Form表单数据并转换成键值对 ajax提交Form

Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法...
  • u011878487
  • u011878487
  • 2014年05月29日 11:13
  • 5656

从格式不确定的json中读取键值对

  • 2013年04月16日 15:50
  • 6KB
  • 下载

iOS 使用AFNetworking传递复杂的POST参数(数组、键值对)

项目要进行一个购物车价格的计算,需要从客户端传递用户购物车中商品的信息,包括ID和数量,同时 涉及到优惠码。 一般我们用AFNetworking传递参数都是使用如下代码:// 取得管理者 ...
  • David2427
  • David2427
  • 2017年04月27日 22:04
  • 2864

Android使用OkHttp post 键值对

以前用的是原生的httpClient,但是有很多问题,比如重连机制啊,超时处理,等等,都需要自己写,而自己写又写不那么完善。 square开源的OkHttp很多人都在用,我试了下确实很不错,以后就打算...
  • wei1583812
  • wei1583812
  • 2015年12月28日 17:04
  • 8118

OKHttp使用Post请求及实现键值对上传

代码展示:        布局     xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_w...
  • xiaoyu756324223
  • xiaoyu756324223
  • 2016年11月28日 12:12
  • 880
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AngularJS Post 表单键值对格式
举报原因:
原因补充:

(最多只允许输入30个字)