Angularjs 跨域post数据到springmvc
先贴网上己有解决方案链接:
http://www.tuicool.com/articles/umymmqY (讲的是springmvc怎么做才可以跨域)
http://my.oschina.net/zchuanzhao/blog/515059 (讲的是怎么使用Angularjs 将post数据提交到服务端)
在结合上面两篇文章之后,我在做的时候发现,angularjs在提交post时有些问题。必须要这么写才行。
 return $http({
            method:'POST',
            url:apibaseurl+'/**/checkUser',
            data:'name='+credentials.name+'&pwd='+credentials.password,
            //contentType: 'application/json',  'application/x-www-form-urlencoded'
            headers:{
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).success(function(data){
            return data;
        }).error(function(data){
            return null;
        })
即post的数据不能以json的形式发过去,若以json的行式发的话,做报403之类的异常,改变contenttype的类型为application/json时,就会引发不能跨域异常。最后将post的数据改成字符串的形式才通过。
下面贴下服务端取数据的代码
@RequestMapping(value="/checkUser")
public User checkUser(HttpServletRequest request){ String reqName=StringHelper.ConvertString(request.getParameter("name"),"");// request.getParameter("name");
String reqPwd=StringHelper.ConvertString(request.getParameter("pwd"),""); return CheckUserLogin(reqName, reqPwd);
}
小节下:
服务端,将按照第一个链接内的内容,创建一个 filter,重写其 中方法,在web.xml中加入这个过滤器。
客户端,在做请求时加入“
headers:{
                'Content-Type': 'application/x-www-form-urlencoded'
            }
”
这个headers参数很重要,少了就不行。
【转载请标注,From http://www.cnblogs.com/jackicalSong/】
注:听说跟浏览器版本有点关系,网上说这种跨域是H5的特性,移动端智能机应该都支持。
Angularjs 跨域post数据到springmvc的更多相关文章
- 关于试用jquery的jsonp实现ajax跨域请求数据的问题
		我们在开发过程中遇到要获取另一个系统数据时,就造成跨域问题,这就是下文要说的解决办法: 先我们熟悉下json和jsonp的区别: 使用AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交 ... 
- JavaScript跨域提交数据
		1.通过jsonp跨域 场景:假设前台有JS方法"crossJS", 1.1发送请求http://www.xxx.com/?callback=crossJS.(创建一个scr ... 
- HTML5 postMessage 跨域交换数据
		前言 之前简单讲解了利用script标签(jsonp)以及iframe标签(window.name.location.hash)来跨域交换数据,今天我们来学习一下HTML5的api,利用postMes ... 
- jQuery之ajax的跨域获取数据
		如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务 ... 
- 利用location.hash+iframe跨域获取数据详解
		前言 如果看懂了前文利用window.name+iframe跨域获取数据,那么此文也就很好理解了.一样都是动态插入一个iframe,然后把iframe的src指向服务端地址,而服务端同样都是输出一段j ... 
- 利用window.name+iframe跨域获取数据详解
		详解 前文提到用jsonp的方式来跨域获取数据,本文为大家介绍下如何利用window.name+iframe跨域获取数据. 首先我们要简单了解下window.name和iframe的相关知识.ifra ... 
- XMLHTTPRequest对象不能跨域获取数据?!
		写了一小段代码,是用XMLHTTPRequest对象来获取数据的,在本地服务器中,运行的很顺利,但是转向实际服务器(实质上就是转向http://gumball.wickedlysmart.com获取一 ... 
- 使用JSONP跨域请求数据
		下面代码,可以使用JSONP进行跨域请求数据,Insus.NET记录以下,以备忘记. 
- 使用jQuery-AJAX–读取获得跨域JSONP数据的示例
		在项目开发中,如果在同一个域名下就不存在跨域情况,使用$.getJSON()即可实现.但是需要跨域请求其他域名下面的Json数据就需要JSONP的方式去请求,跨域写法和getJSON有差异.如下: ... 
随机推荐
- File not Found:DockForm.dcu的解决办法
			安装控件时,如果引用了dsgnintf单元,那么就会提示找不到proxy.pas 或者DockForm.dcu的错误,只需在安装控件包时添加“lib\DesignIde.dcp”即可 
- 真的有用吗?(GitHub)
			为什么要新建一个GitHub账号 一个程序员不知道GitHub,那我就笑笑,呵呵哒.什么是GitHub呢? 就我知道的git,谈一下.Git是一个版本控制软件,这个软件最初是Linux之父林纳斯. ... 
- hdu1215 七夕节---因子和
			题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1215 题目大意: 求N的因子和(不包括N本身) 解题思路: 模板传送门 #include<io ... 
- 【洛谷2290】[HNOI2004] 树的计数(Python+利用prufer序列结论求解)
			点此看题面 大致题意: 给定每个点的度数,让你求有多少种符合条件的无根树. \(prufer\)序列 这显然是一道利用\(prufer\)序列求解的裸题. 考虑到由\(prufer\)序列得到的结论: ... 
- CF633C Spy Syndrome 2
			嘟嘟嘟 题面:把一句话加密:1.所有字母变成小写.2.翻转所有单词.3.去掉空格.然后给你一句加密后的字符串以及一些出现在原句和没有出现在原句的单词,让你还原原句.注意,每一个单词可以使用多次,如果有 ... 
- 简单的使用git克隆上传创建下载删除
			首先我们下载个git 官网:https://git-scm.com/ 我这里下的是64-bit windows setup 下载完成后安装: 一直下一步就好 安装完成后进行打开! 现在我们需要去官网注 ... 
- (转)HTML5之渐变
			<!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h ... 
- 2018年暑假ACM个人训练题7 题解报告
			A:HDU 1060 Leftmost Digit(求N^N的第一位数字 log10的巧妙使用) B:(还需要研究一下.....) C:HDU 1071 The area(求三个点确定的抛物线的面积, ... 
- tracking
			https://reid-mct.github.io/ 1st Workshop on Target Re-Identification and Multi-Target Multi-Camera ... 
- rest_framework--序列化组件
			#####序列化组件##### 一.什么是序列化 在python中一切皆对象,把对象从内存中变成可存储或传输的过程称之为序列化. 你写一个django项目肯定是有前后端交互的吧,虽然django也可以 ... 
