学习笔记
#ajax:
1、概念：异步的JavaScript 和 xml
1.1异步和同步：客户端和服务器端相互通信的基础上
*客户端必须等待服务器端的响应。在等待的期间客户端不能有其他的操作。（同步）
*客户端不需要等待服务器端的响应，在服务器处理请求的过程中，客户端可以进行其他的操作。（异步）
Ajax 是一种无需重新加载整个页面的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不适用Ajax）如果需要更新内容，必须对整个网页进行页面加载。
2、实现方式
1、原生的JS实现方式----这种方式使用的不多下面是实例代码：html页面端实例<title>Title</title><script>//定义方法function fun() {//发送异步请求//1、创建核心对象var xmlhttp;if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}//2、建立连接/** 参数：* 1、请求方式：GET 或 POST* *get方式，请求参数在URL后边拼接，send方法为空参* *post方式，请求参数在send方法中定义* 2、请求的URL:* 3、同步或异步请求：true（异步）或 false（同步）* */xmlhttp.open("GET","ajaxServlet?username=tom",true);//3、发送请求xmlhttp.send();//4、接受并处理服务端的响应处理结果//获取方式： xmlhttp.responseText//什么时候获取？当服务器响应成功后再获取//当xmlhttp对象的就绪状态改变时，触发事件onreadystatechangexmlhttp.onreadystatechange=function(){//判断readyState就绪状态是否为4，判断status响应状态码是否为200if (xmlhttp.readyState==4 && xmlhttp.status==200){//获取服务器的响应结果//document.getElementById("myDiv").innerHTML=xmlhttp.responseText;var responseText = xmlhttp.responseText;alert(responseText);}}}</script><input type="button" value="发送异步请求" onclick="fun()">
servlet端代码： @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { this.doPost(req, resp);
}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//获取请求参数String username = req.getParameter("username");//2、打印usernameSystem.out.println(username);//3、响应resp.getWriter().write("hello:"+ username);}
}
2、JQuery实现方式
1、$.ajax()
具体实现
html端代码实例
<head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-3.3.1.min.js"></script><script>//定义方法function fun() {//使用$.ajax()发送异步请求$.ajax({url:"ajaxServlet" , //请求路径type:"POST" , //请求方式data:{"username":"jack","age":23},success:function (data){alert(data);} , //当响应成功后的回调函数error : function () {alert("出错了。。。");} , //表示如果请求响应出现错误，会执行的回调函数dataType:"text" //设置接受到的响应数据的格式});}</script></head><body><input type="button" value="发送异步请求" onclick="fun()"></body></html>
服务器端代码实例
@WebServlet("/ajaxServlet")public class AjaxServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//this.doPost(req, resp);//获取请求参数String username = req.getParameter("username");//2、打印usernameSystem.out.println(username);//3、响应resp.getWriter().write("hello:"+ username);}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {this.doPost(req, resp);}}2、$.get()3、$.post()
这里是get方法的代码演示实例
html页面
<head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-3.3.1.min.js"></script><script>//定义方法//这里用的是get方法，post方法需要把get改为post就行了function fun() {$.get("ajaxServlet",{username:"rose"},function (data) {alert(data);},"text");}</script></head><body><input type="button" value="发送异步请求" onclick="fun()"></body></html>
服务器端代码
@WebServlet("/ajaxServlet")public class AjaxServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//this.doPost(req, resp);// //获取请求参数// String username = req.getParameter("username");//// //2、打印username// System.out.println(username);//// //3、响应// resp.getWriter().write("hello:"+ username);this.doGet(req,resp);}@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//this.doPost(req, resp);//获取请求参数String username = req.getParameter("username");//2、打印usernameSystem.out.println(username);//3、响应resp.getWriter().write("hello:"+ username);}}
#JSON
1、概念：JavaScript Object Notation JavaScript对象表示法
2、语法规则：数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组
3、获取数据
1、json对象.键名
2、json对象[“键名”]
3、数组对象[索引]
4、JSON对象和Java对象的相互转换
*JSON解析器
常见的JSON解析器有：jsonlib , Gson , fastjson , jackson
（1）JSON转为Java对象
（2）对象转换为JSON使用步骤：先导入jackson相关的jar包然后创建jackson核心对象 ObjectMapper然后调用ObjectMapper的相关方法进行转换## Mybatis开发步骤
1、添加MyBatis坐标
2、创建user数据表
3、编写user实体类
4、编写映射文件UserMapper.xml
5、编写核心文件SqlMapConfig.xml
6、编写测试类。
淩亂°似流年
谁借莪１个温暖的怀抱￠
深藏阁楼爱情的钟
超、凢脫俗
爱被打了一巴掌
还没有评论，来说两句吧...