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) {
    //......
});
哎。。。大家在转载别人的东西的时候能不能写上转载来源或者注上转载,对原作者尊重,对阅读者负责。阅读者看见满天都是这个做法就认为是对的,然而这是不对的。

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

相关文章推荐

使用Angular提交表单

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

angularJS1 提交form表单demo

demo.html form demo

AngularJS $http post 传递参数数据

AngularJS $http post 传递参数数据

angularjs表单数据提交-对象方式提交

1.html代码 用户名: 密码:   2.service代码 this.saveUser=function(user){ var deferred = ...
  • gjq246
  • gjq246
  • 2016年07月26日 19:26
  • 8056

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

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

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

一般情况下HttpURLConnection利用Get方法可以直接通过url向服务器发送键值对。这种方式下数据往往是以url?name=value&name1=value1.....的形式向服务器传送...

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

代码展示:        布局     xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_w...

AngularJS下$http服务Post方法传递json参数

如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。
  • Rotbing
  • Rotbing
  • 2017年03月06日 15:06
  • 1862

AngularJS中的数据绑定 post

AngularJS中的数据绑定      AngularJS创建实时模板来代替视图,而不是将数据合并进模板之后更新DOM。任何一个独立视图组件中的值都是动态替换的。      ng-a...
  • wuygyu
  • wuygyu
  • 2016年03月25日 17:04
  • 388
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AngularJS Post 表单键值对格式
举报原因:
原因补充:

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