JavaWeb之AJAX，JSON，EL表达式，JSTL，JSP

最新推荐文章于 2023-02-27 17:08:41 发布

废弃的root

最新推荐文章于 2023-02-27 17:08:41 发布

阅读量745

点赞数 1

分类专栏： JavaWEB基础知识

本文链接：https://blog.csdn.net/qq_43652793/article/details/100877034

版权

JavaWEB基础知识专栏收录该内容

16 篇文章 0 订阅

订阅专栏

AJAX：

1. 概念： ASynchronous JavaScript And XML	异步的JavaScript 和 XML
	1. 异步和同步：客户端和服务器端相互通信的基础上
		* 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
		* 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。

		Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1] 
		通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

快速实现方式

1. $.ajax()
				* 语法：$.ajax({键值对});
				 //使用$.ajax()发送异步请求
		            $.ajax({
		                url:"ajaxServlet1111" , // 请求路径
		                type:"POST" , //请求方式
		                //data: "username=jack&age=23",//请求参数
		                data:{"username":"jack","age":23},
		                success:function (data) {
		                    alert(data);
		                },//响应成功后的回调函数
		                error:function () {
		                    alert("出错啦...")
		                },//表示如果请求响应出现错误，会执行的回调函数
		
		                dataType:"text"//设置接受到的响应数据的格式
		            });
			2. $.get()：发送get请求
				* 语法：$.get(url, [data], [callback], [type])
					* 参数：
						* url：请求路径
						* data：请求参数
						* callback：回调函数
						* type：响应结果的类型

			3. $.post()：发送post请求
				* 语法：$.post(url, [data], [callback], [type])
					* 参数：
						* url：请求路径
						* data：请求参数
						* callback：回调函数
						* type：响应结果的类型

JSON：

概念： JavaScript Object Notation JavaScript对象表示法

		Person p = new Person();
		p.setName("张三");
		p.setAge(23);
		p.setGender("男");

	var p = {"name":"张三","age":23,"gender":"男"};

	* json现在多用于存储和交换文本信息的语法
	* 进行数据的传输
	* JSON 比 XML 更小、更快，更易解析。

语法：
1. 基本规则
* 数据在名称/值对中：json数据是由键值对构成的
* 键用引号(单双都行)引起来，也可以不使用引号
* 值得取值类型：
1. 数字（整数或浮点数）
2. 字符串（在双引号中）
3. 逻辑值（true 或 false）
4. 数组（在方括号中） {“persons”:[{},{}]}
5. 对象（在花括号中） {“address”:{“province”：“陕西”…}}
6. null
* 数据由逗号分隔：多个键值对由逗号分隔
* 花括号保存对象：使用{}定义json 格式
* 方括号保存数组：[]
2. 获取数据:
1. json对象.键名
2. json对象[“键名”]
3. 数组对象[索引]
4. 遍历

 //1.定义基本格式
			        var person = {"name": "张三", age: 23, 'gender': true};
			
			        var ps = [{"name": "张三", "age": 23, "gender": true},
			            {"name": "李四", "age": 24, "gender": true},
			            {"name": "王五", "age": 25, "gender": false}];
			
			
			
			
			        //获取person对象中所有的键和值
			        //for in 循环
			       /* for(var key in person){
			            //这样的方式获取不行。因为相当于  person."name"
			            //alert(key + ":" + person.key);
			            alert(key+":"+person[key]);
			        }*/
			
			       //获取ps中的所有值
			        for (var i = 0; i < ps.length; i++) {
			            var p = ps[i];
			            for(var key in p){
			                alert(key+":"+p[key]);
			            }
			        }

JSON数据和Java对象的相互转换

 * JSON解析器：
 	* 常见的解析器：Jsonlib，Gson，fastjson，jackson
 
 1. JSON转为Java对象
 	1. 导入jackson的相关jar包
 	2. 创建Jackson核心对象 ObjectMapper
 	3. 调用ObjectMapper的相关方法进行转换
 		1. readValue(json字符串数据,Class)
 2. Java对象转换JSON
 	1. 使用步骤：
 		1. 导入jackson的相关jar包
 		2. 创建Jackson核心对象 ObjectMapper
 		3. 调用ObjectMapper的相关方法进行转换
 			1. 转换方法：
 				* writeValue(参数1，obj):
                     参数1：
                         File：将obj对象转换为JSON字符串，并保存到指定的文件中
                         Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流中
                         OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流中
                 * writeValueAsString(obj):将对象转为json字符串

 			2. 注解：
 				1. @JsonIgnore：排除属性。
 				2. @JsonFormat：属性值得格式化
 					* @JsonFormat(pattern = "yyyy-MM-dd")

 			3. 复杂java对象转换
 				1. List：数组
 				2. Map：对象格式一致

JSP:

JSP的脚本：JSP定义Java代码的方式

 1. <%  代码 %>：定义的java代码，在service方法中。service方法中可以定义什么，该脚本中就可以定义什么。
 2. <%! 代码 %>：定义的java代码，在jsp转换后的java类的成员位置。
 3. <%= 代码 %>：定义的java代码，会输出到页面上。输出语句中可以定义什么，该脚本中就可以定义什么。

指令
* 作用：用于配置JSP页面，导入资源文件
* 格式：
<%@ 指令名称属性名1=属性值1 属性名2=属性值2 … %>
* 分类：
1. page ：配置JSP页面的
* contentType：等同于response.setContentType()
1. 设置响应体的mime类型以及字符集
2. 设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）
* import：导包
* errorPage：当前页面发生异常后，会自动跳转到指定的错误页面
* isErrorPage：标识当前也是是否是错误页面。
* true：是，可以使用内置对象exception
* false：否。默认值。不可以使用内置对象exception
```
 2. include	： 页面包含的。导入页面的资源文件
 			* <%@include file="top.jsp"%>
 3. taglib	： 导入资源
 			* <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 				* prefix：前缀，自定义的
```
1. 注释:
  1. html注释： :只能注释html代码片段
  2. jsp注释：推荐使用
    <%-- --%>：可以注释所有
2. 内置对象
  - 在jsp页面中不需要创建，直接使用的对象
  - 一共有9个：
    变量名真实类型作用
    - pageContext PageContext 当前页面共享数据，还可以获取其他八个内置对象
    - request HttpServletRequest 一次请求访问的多个资源(转发)
    - session HttpSession 一次会话的多个请求间
    - application ServletContext 所有用户间共享数据
    - response HttpServletResponse 响应对象
    - page Object 当前页面(Servlet)的对象 this
    - out JspWriter 输出对象，数据输出到页面上
    - config ServletConfig Servlet的配置对象
    - exception Throwable 异常对象

EL表达式

1. 概念：Expression Language 表达式语言
2. 作用：替换和简化jsp页面中java代码的编写
3. 语法：${表达式}
4. 注意：
	* jsp默认支持el表达式的。如果要忽略el表达式
		1. 设置jsp中page指令中：isELIgnored="true" 忽略当前jsp页面中所有的el表达式
		2. \${表达式} ：忽略当前这个el表达式

获取值
1. el表达式只能从域对象中获取值
2. 语法：
1. ${域名称.键名}：从指定域中获取指定键的值
* 域名称：

 				1. pageScope		--> pageContext
 				2. requestScope 	--> request
 				3. sessionScope 	--> session
 				4. applicationScope --> application（ServletContext）
 			* 举例：在request域中存储了name=张三
 			* 获取：${requestScope.name}

${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。

 	3. 获取对象、List集合、Map集合的值
 		1. 对象：${域名称.键名.属性名}
 			* 本质上会去调用对象的getter方法

 		2. List集合：${域名称.键名[索引]}

 		3. Map集合：
 			* ${域名称.键名.key名称}
 			* ${域名称.键名["key名称"]}

隐式对象：
* el表达式中有11个隐式对象
* pageContext：
* 获取jsp其他八个内置对象
* ${pageContext.request.contextPath}：动态获取虚拟目录

JSTL

1. 概念：JavaServer Pages Tag Library  JSP标准标签库
	* 是由Apache组织提供的开源的免费的jsp标签		<标签>

2. 作用：用于简化和替换jsp页面上的java代码		

3. 使用步骤：
	1. 导入jstl相关jar包
	2. 引入标签库：taglib指令：  <%@ taglib %>
	3. 使用标签

4. 常用的JSTL标签
	1. if:相当于java代码的if语句
		1. 属性：
            * test 必须属性，接受boolean表达式
                * 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
                * 一般情况下，test属性值会结合el表达式一起使用
   		 2. 注意：
       		 * c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签
	2. choose:相当于java代码的switch语句
		1. 使用choose标签声明         			相当于switch声明
        2. 使用when标签做判断         			相当于case
        3. 使用otherwise标签做其他情况的声明    	相当于default

	3. foreach:相当于java代码的for语句

对编程感兴趣的朋友可以一起交流交流！禁止一切招生，广告！抠Q裙：947405150
中高级裙：欢迎加入学习：493917955 （新群，现还没啥人哦）

废弃的root

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaWeb之AJAX，JSON，EL表达式，JSTL，JSP

AJAX：1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情...
复制链接

扫一扫