前后端交互必备技能

一: 前端跨页面传参

//页面传参
window.open("/Course/displayDocument.jsp?tile=" + title);

//另一个页面接收
var url=document.location.href;
	url=url.split("=")[1];
	if(url){
		url=decodeURI(url);
		//------------得到参数------------执行以下代码
	}

二: 将用户的登录信息存进cookie中

//获取浏览器的session对象
var session = window.sessionStorage;
//将登录信息存进session对象中
session.setItem('user', 'admin');
//通过session判断用户是否登录
session.getItem('user')=='admin'
//当退出登录时移除session
session.removeItem('user');

三: h5表单用ajax提交

var file = new FormData($('#file')[0]);
fileInfo.append("name","binge");

四: 注意事项

     1. 嵌套时不要用a标, 因为它有默认事件, 而且a标签里面嵌套不了a标签, 同时p标签嵌套不了p,div标签之类的, 所有用来嵌套最好用div或一些h5之类的语义化标签

     2. a标签写成href=""时, 点击时会触发默认事件

     3. 表单用ajax请求时, 如果用的是type="submit", 会触发默认事件