Ajax和Json
需要掌握的知识：
●SpringMVC
⭕Controller
⭕springmvc配置文件
⭕web.xml
●JavaScript
⭕引入JavaScript，<script>
⭕函数
●选择器
⭕标签选择器
⭕类选择器
⭕ ID选择器 #
●JQuery公式
⭕$(选择器).事件(参数)
⭕$(select).action(...)
Web1.0时代
早期网站登录，如果失败，需要刷新页面，才能重新登录；不点击提交按钮，就不知道自己密码输错了;
现在大多数的网站,都是局部刷新,不刷新整个页面的情况下，实现页面更新;
注册的时候，发现手机已经注册过了，但是你只是输入了，没有提交，然后他就提示了。
Web2.0时代
最重要的一个因素就是Ajax
JSON
前后端分离，数据交互变得异常重要；JSON就是王者!
<!DOCTYPE HTML>
<HTML lang="en">
<head>
<meta charset="utf-8">
<title>Title<title>
</head>
<body>
<script type="text/javascript">
//?写一个?象
var user = {
name:"秦疆",
age:"3",
sex:"男"
};
//?出下一个?象
console.log(user);
//将js?象???json字符串;
var str = JSON.stringify(user);
console.log(str) //
// {
// "name":"秦疆",
// "age":"3",
// "sex":"男":
// }
var onj = JSON.parse(str);
console.log(obj);
</script>
</body>
</html>
<!DOCTYPE HTML>
<HTML lang="en">
<head>
<meta charset="utf-8">
<title>Title<title>
</head>
<body>
<script type="text/javascript">
//编写一个对象
var user = {
name:"秦疆",
age:"3",
sex:"男"
};
//输出下一个对象
console.log(user);
//将js对象转换成json字符串;
var str = JSON.stringify(user);
console.log(str) //
// {
// "name":"秦疆",
// "age":"3",
// "sex":"男":
// }
var onj = JSON.parse(str);
console.log(obj);
</script>
</body>
</html>Ajax
Ajax = Asynchronous JavaScript and XML(??的JavaScript 和 XML).
Ajax不是一?新的?程?言,而是一?用于?建更好更快以及交互性更?的Web?用程序的技?.
C/S
增加B/S的体?性
B/S:未来的主流,并且会爆?式的持?增?:
?品?:H5+网?+客?端+手机端(安卓,IOS)+小程序
使用jQuery需要先?入jQuery的js文件;
Ajax??:
使用jQuery需要先?入jQuery,使用Vue先?入Vue,?个都用,自己原生???
三?曲:
1.?写???理的Controller,返回消息或者字符串或者json格式的数据;
2.?写ajax?求
1.url:Controller?求
2.data:???
3.success:回?函数
3.?Ajax?定事件,点?click,失去焦点onblur,???起keyup
1034
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
