博客

标题form表单post到后端数据类型为x-www-form-urlencoded,后端显示not support

我的解决办法：

在前端ajax属性中加

contentType:“application/json;charset=utf-8”,

后端方法中参数的注解为@Responsbody

但紧接而来跨域问题：



我不禁疑问：为什么会出现跨域问题呢？

	浏览器同源策略：协议、域名、端口都要一致。不然容易收到xss、CSFR等攻击
	（我的在前端测试是8848 ~~疑惑.jpg~~ ，后端接口8080。接口不一致，跨域问题出现）
	因同源策略限制的行为：
	1、cookie、local storage和indexdb不能读取。
	2、dom和js对象不能获取，
	3、Ajax请求不能发送（我的问题就这）。

跨域解决方案：

1、jsonp，只支持get，不支持post

2、后端HTTP client转发，两次请求

3、服务器设置相应，允许跨域（可能不安全），以下：

1、后端加上注解@crossorigin（注解用法百度一哈，我就是用的这种方式，从后端解决跨域问题,
	controller层的类都加一个吧。）
2、后端用上token，防止跨站请求(增加安全系数)：
	后端token怎么写百度
	前端token存在localstoage或者sessionstorage，一个存储长期，一个在会话期间存储
	（关闭浏览器就自动clean存储的token）。
	sessionStorage.变量名 = 变量值	// 保存数据
    sessionStorage.变量名	// 读取数据
    sessionStorage.clear()	// 清除所有

好了，Ajax可以和后端交互数据了，前端也接收到后端传来的html格式的数据



那前端怎么使用这些数据呢？

1、将后端传输类型改为json，就能愉快的使用Ajax里success（data），然后data.属性。

2、用var jdata = json.parse(data)，转换一下，然后就又可以愉快的jdata.属性了。

3、在Ajax里定义属性dataType：“json”，就会把响应数据转化为json对象，和上面的2一样的。

暂时就先到这里，后面继续补充。。。。。。。。。