- 博客(174)
- 收藏
- 关注
RSS订阅原创 jquery-210813-02---jquery实现ajax&级联查询
jquery-210813-02—jquery实现ajax&级联查询index.jsp（主界面，发起ajax请求）ProvinceDao.java（查找所有的Province）ProvinceServlet.java（响应ajax请求，返回一个json类型Province数组）CascadeFindDao.java（根据Province的id获取所有的City）CascadeFindServlet.java（响应ajax请求，返回一个json类型City数组）web.xml（servl
2021-08-13 20:48:17
281
原创 jquery-210813-01---jquery实现ajax请求案例
jquery-210813-01—jquery实现ajax请求案例index.jsp（发起ajax请求）QueryJsonServlet.java（接收浏览器请求，响应请求）ProviceObjectDao.java（连接数据库，做查询）web.xml（servlet映射）Province.java（实体类）数据库表index.jsp（发起ajax请求）<%@ page contentType="text/html;charset=UTF-8" language="java" %
2021-08-13 20:47:43
475
原创 jquery-210812-07---jquery和ajax一起使用的介绍
jquery-210812-07—jquery和ajax一起使用的介绍jquery和ajax联动$.ajax() && $.get() && $.post()$.ajax()$.get() $.post()jquery和ajax联动jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时能够把接收的数据更新到
2021-08-12 23:52:54
408
原创 jquery-210812-06---jquery函数&each()方法
jquery-210812-06—jquery函数&each()方法each()介绍 each each 是对数组，json 和 dom 数组等的遍历,对每个元素调用一次函数。 比如：var arr = {1,2,3}; var json = {"name":"bgy","age":22}; var obj = $(":text"); 语法 1：$.each( 要遍历的对象, function(index,ele
2021-08-12 23:52:05
110
原创 jquery-210812-05---jquery函数02
jquery-210812-05—jquery函数02函数介绍演示函数介绍1. hide $(选择器).hide() :将数组中所有 DOM对象隐藏起来 2. show $(选择器).show():将数组中所有 DOM对象在浏览器中显示起来 3. remove $(选择器).remove() : 将数组中所有 DOM对象及其子对象一并删除 4. empty $(选择器).empty()：将数组中所有 DOM对象的子对象删除 5. append 为数组中所有 DOM对象
2021-08-12 23:51:09
93
原创 jquery-210812-04---jquery函数01
jquery-210812-04—jquery函数01函数介绍演示函数介绍1. val 操作数组中 DOM 对象的 value 属性. $(选择器).val() ：无参数调用形式， 读取数组中第一个 DOM 对象的 value 属性值 $(选择器).val(值)：有参形式调用，对数组中所有 DOM 对象的 value 属性值进行统一赋值2. text 操作数组中所有 DOM 对象的【文字显示内容属性】 $(选择器).text():无参数调用，读取数组中所有 DOM 对象的文字显示
2021-08-12 23:50:20
108
原创 jquery-210812-03---jquery绑定事件
jquery-210812-03—jquery绑定事件事件介绍绑定事件01 —> $(选择器).监听事件名称(处理函数);绑定事件02 —> on()绑定事件演示-绑定事件01 —> $(选择器).监听事件名称(处理函数);演示-绑定事件02 —> on()绑定事件事件介绍为页面元素绑定事件，即对于指定页面元素，当某个事件发生后，执行指定动作绑定事件01 —> $(选择器).监听事件名称(处理函数);语法： --->
2021-08-12 23:49:47
220
原创 jquery-210812-02---jquery表单过滤器
jquery-210812-02—jquery表单过滤器jquery表单过滤器介绍演示案例jquery表单过滤器介绍1. 选择可用的文本框 $(":text:enabled") enabled：可用状态 disabled：不可用状态 2. 选择不可用的文本框 $(":text:disabled") 3. 复选框选中的元素 $(":checkbox:checked") 4. 选择指定下拉列表的被选中元素 选择器>option:selected演示案例&l
2021-08-12 23:49:20
225
原创 jquery-210812-01---jquery基本过滤器
jquery-210812-01—jquery基本过滤器过滤器介绍基本过滤器演示基本过滤器jquery过滤器介绍过滤器就是过滤条件，对已经定位到数组中 DOM 对象进行过滤筛选，过滤条件不能独立出现在 jquery 函数，如果使用只能出现在选择器后方。jquery基本过滤器1. 选择第一个 first, 保留数组中第一个 DOM 对象 语法：$("选择器:first") 2. 选择最后个 last, 保留数组中最后 DOM 对象 语法：$("选择器:last")
2021-08-12 23:48:38
106
原创 jquery-210811-05---jquery表单选择器
jquery-210811-05—jquery表单选择器表单选择器表单选择器演示表单选择器表单相关元素选择器是指文本框、单选框、复选框、下拉列表等元素的选择方式。该方法无论是否存在表单<form>，均可做出相应选择。表单选择器是为了能更加容易地操作表单。表单选择器是根据元素类型来定义的： <input type="text"> <input type="password"> <input type=
2021-08-12 23:47:40
174
原创 jquery-210811-04---jquery基本选择器
jquery-210811-04—jquery基本选择器jquery基本选择器介绍jquery基本选择器演示演示结果jquery基本选择器介绍选择器: 就是定位条件；通知 jquery 函数定位满足条件的 DOM 对象常用选择器： 1. id选择器，语法： ---> $("#dom对象的id值") 通过dom对象的id定位dom对象的。通过id找对象，id在页面中的值是唯一的。 2. class选择器（样式选择器），语法： ---> $(".cla
2021-08-12 23:47:05
261
原创 jquery-210811-03---dom对象和jquery对象转换
jquery-210811-03—dom对象和jquery对象相互转换dom对象和jquery介绍jqurey-test-04-01.html（dom对象转为jquery对象）jqurey-test-04-02.html（jquery对象转为dom对象）dom对象和jquery介绍用 JavaScript 语法创建的对象叫做 JavaScript 对象，也叫做dom对象，js对象，**JavaScript对象只能调用JavaScript 对象的 API。** var obj = docu
2021-08-11 22:32:53
132
原创 jquery-210811-02---jquery简单小测试
jquery-210811-02—jquery简单小测试1. $(document),$是jquery中的函数名称，document是函数的参数， 作用是把document对象 变成jquery函数库可以使用的对象。 2. ready 是jquery函数库中的函数，是准备的意思， 当页面的dom对象加载成功后，会执行ready函数的内容， ready相当于js中的onLoad事件。 3. function() 自定义的函数，表示onLoad之后要执行的功
2021-08-11 22:32:17
123
原创 jquery-210811-01---jquery了解
jquery-210811-01—jquery了解jquery百度百科jquery使用（ $ 符号）jquery官网DOM对象JavaScript对象和jQuery对象jquery百度百科jQuery是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（框架），封装了 JavaScript 相关方法调用，简化JavaScript 对 HTML DOM 操作。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事
2021-08-11 22:31:51
147
原创 ajax-210810-07---json演示
ajax-210810-07—json演示演示ajaxjson.jsp（主页面）ProviceObjectDao.java（dao层，获取Province对象）QueryJsonServlet.java（把province对象转为json格式，发给浏览器）web.xml（Servlet映射）结果展示演示ajaxjson.jsp（主页面）<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2021-08-10 21:54:19
125
原创 ajax-210810-06---json了解
ajax-210810-06—json了解什么是jsonjson分类json优点处理json的工具库java中处理json举例什么是jsonJSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。json分类ajax发起请求 ---> servlet（返回一个json格式的字符串）{"id":2,"name":"山西","jiancheng":"晋","shenghui":"太原市"}json分类： 1. j
2021-08-10 21:53:04
98
原创 ajax-210810-05---练习&局部刷新-从数据库中获取数据
ajax-210810-05—练习&局部刷新-从数据库中获取数据index.jsp（主页面）ProviceDao.java（dao层，从数据库中获取数据）QueryProviceServlet.java（调用dao层，把数据响应给页面）web.xml（servlet映射）结果展示index.jsp（主页面）<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><
2021-08-10 21:52:24
280
原创 ajax-210810-04---练习&局部刷新计算bmi
ajax-210810-04—练习&局部刷新计算bmiajax局部刷新步骤演示（局部刷新—ajax）index.jsp（局部刷新—ajax）BmiAjaxServlet.java（局部刷新—ajax）web.xml（servlet映射）ajax局部刷新步骤1. 新建jsp，使用XMLHttpRequest异步对象 1） 创建 2） 绑定事件 3） 初始请求 4） 发送请求2. 创建服务器的servlet，接收并处理数据，把数据输出给异步对象。演示（局部刷新
2021-08-10 21:50:32
390
原创 ajax-210810-03---练习&全局刷新计算bmi
ajax-210810-03—练习&全局刷新计算bmi需求演示—全局刷新index.jsp（全局刷新—转发操作）result.jsp（全局刷新—转发操作）BmiServlet.java（全局刷新—转发操作）bmiprint.jsp（全局刷新—使用HttpServletResponse输出数据）BmiPrintServlet.java（全局刷新—使用HttpServletResponse输出数据）web.xml（映射servlet）需求需求： 计算某个用户的 B
2021-08-10 21:49:58
758
原创 ajax-210810-02---ajax 异步实现步骤
ajax-210810-02—ajax 异步实现步骤实现步骤1. 创建异步对象 ----> var xmlHttp = new XMLHttpRequest();2. 给异步对象绑定事件 ----> onreadstatechange事件 通过判断 XMLHttpReqeust 对象的状态，获取服务端返回的数据。 语法： xmlHttp.onreadystatechange= function() { i
2021-08-10 21:49:26
108
原创 ajax-210810-01---ajax了解
ajax-210810-01—ajax了解AJAX是实现局部刷新的一种技术AJAX 中的核心对象 XMLHttpRequest什么是AJAXAJAX是实现局部刷新的一种技术全局刷新原理: 1) 必须由浏览器亲自向服务端发送请求协议包。 2) 这个行为导致服务端直接将【响应包】发送到浏览器内存中 3) 这个行为导致浏览器内存中原有内容被覆盖掉 4) 这个行为导致浏览器在展示数据时候，只有响应数据可以展示浏览器在展示数据时，此时在窗口既可以看到本次的响应数据，
2021-08-10 21:49:06
97
原创 springmvc-210808-01---SpringMVC执行流程&映射器&适配器&视图解析器
springmvc-210808-01—SpringMVC执行流程&映射器&适配器&视图解析器SpringMVC处理流程SpringMVC处理流程1. 用户发起some.do请求2. DispatcherServlet接收请求some.do，把请求转交给处理器映射器（可以有多个） 处理器映射器作用： 根据请求，从springmvc容器对象中获取处理器对象（MyController controller = context.getBean("some.do")）
2021-08-08 21:24:11
468
原创 springmvc-210807-04---拦截器实现简单登录
springmvc-210807-04—拦截器实现简单登录MyInterceptor01.java（拦截器）MyController.java（中央处理器）dispatchServlet.xml（springmvc配置文件）index.jsplogin.jsp（登录页面，先运行这个jsp页面，让session有缓存）logout.jsp（退出页面，清除session缓存）show.jsp（登录成功页面）tips.jsp（登录失败页面）我的工程目录运行结果MyInterceptor
2021-08-08 21:23:37
284
原创 springmvc-210807-03---多个拦截器实现
springmvc-210807-03—多个拦截器实现多个拦截器执行顺序多个拦截器设置不同preHandle情况MyInterceptor01.java（拦截器01）MyInterceptor02.java（拦截器02）dispatchServlet.xml（声明拦截器01,拦截器02）多个拦截器执行顺序多个拦截器执行顺序，是按照声明的顺序执行。 <mvc:interceptors> <!-- 第一个拦截器 --> <m
2021-08-08 21:23:05
403
原创 springmvc-210807-02---一个拦截器实现
springmvc-210807-02—一个拦截器实现MyInterceptor.java（自定义拦截器类）MyController.java（处理器）dispatchServlet.xml（声明拦截器）index.jsp（主页面）tips.jsp（拦截器preHandle返回false页面）show.jsp（拦截器preHandle返回true页面）other.jsp（拦截器的postHandle：后处理方法，返回页面）web.xml我的工程目录MyInterceptor.jav
2021-08-08 21:22:31
189
原创 springmvc-210807-01---拦截器
springmvc-210807-01—拦截器实现步骤拦截器顺序一个拦截器顺序多个拦截器顺序实现步骤1. 创建Controller类2. 创建一个普通类，作为拦截器使用 1）实现HandlerInterceptor接口 2）实现接口中的三个方法3. 创建show.jsp显示结果4. 创建springmvc配置文件 1）组件扫描器，扫描@Controller注解 2）声明拦截器，指定拦截请求的uri路径拦截器：相当于多个Controller中的公用功能，集中到拦截器统
2021-08-08 21:22:03
360
原创 springmvc-210806-02---异常处理
springmvc-210806-02—异常处理异常处理步骤演示异常处理MyException.java（自定义异常类）NameException.java（自定义异常子类）AgeException.java（自定义异常子类）GlobalExceptionHandler.java（全局异常处理类）MyController.java（手动定义异常，用来测试）index.jsp（主界面）show.jsp（没有异常显示页面）ageError.jsp（AgeException异常页面）nam
2021-08-06 23:40:18
143
原创 springmvc-210806-01---转发forward&重定向redirect
springmvc-210806-01—转发forward&重定向redirect演示MyController.java（笔记在这儿）index.jsp（主页面）show.jsp（显示页面WEB-INF/viw/show.jsp）testForward.jsp（测试转发页面）testRedirect.jsp（测试重定向页面）web.xmldispatchServlet.xml我的目录结构在servlet中 forword：转发，实现---->request.
2021-08-06 23:39:48
118
原创 springmvc-210805-03---ssm整合演示
springmvc-210805-03—ssm整合演示pom.xml（引入相关依赖）web.xml（注册DispatcherServlet，Spring监听器，字符过滤器）dispatchServlet.xml（Springmvc配置文件）applicationContext.xml（spring配置文件）mybatis.xml（MyBatis配置文件）jdbc.propertiesStudentDao.java（编写dao）StudentDao.xml（编写
2021-08-06 23:38:52
109
原创 springmvc-210805-02---ssm整合流程
springmvc-210805-02—ssm整合流程整合SSM实现步骤整合SSMSpringMVC：视图层，界面层，负责接受请求，显示处理结果。Spring：业务层，管理service，dao，工具类对象的。MyBatis：持久层，访问数据库SpringMVC容器，管理Controller控制器对象。Spring容器：管理Service，Dao，工具类对象。我们要把使用的对象交给合适的容器创建和管理，把Controller和web开发相关的对象交给SpringMVC容器，这些
2021-08-06 23:38:14
199
原创 springmvc-210805-01---使用斜杠时路径问题
springmvc-210805-01—使用斜杠时路径问题相对 / 绝对地址请求页面不使用 " / " 请求页面使用 " / " 案例演示index.jsp（只看这个两个就可）MyController.java（只看这个两个就可）show01.jsp / show02.jspweb.xmlspringmvc.xml相对 / 绝对地址举例：http://localhost:8080/springmvc_21080501/doSome01.do绝对地址：http://loc
2021-08-06 23:37:34
485
原创 springmvc-210804-01---解决在web.xml中url-pattern使用斜杠访问静态资源
springmvc-210804-01—解决在web.xml中url-pattern使用"/"访问静态资源我的工程目录演示web.xml（在url-pattern使用 / ） springmvc.xml（第一种方式）springmvc02.xml（第二种方式）index.jspMyController.javashow.jsp我的工程目录演示web.xml（在url-pattern使用 / ） <?xml versi
2021-08-04 21:41:05
266
原创 springmvc-210803-04---处理器方法的返回值的实现
springmvc-210803-04—处理器方法的返回值的实现MyController.java（这里是返回值，笔记也在这儿）index.jsp（主页面）springmvc.xml（注册驱动mvc:annotation-driven）show.jsppom.xml（引入json依赖）web.xmlMyController.java（这里是返回值，笔记也在这儿）package com.bgy.controller;import com.bgy.vo.Student;import
2021-08-04 21:40:30
169
原创 springmvc-210803-03---处理器方法的返回值
springmvc-210803-03—处理器方法的返回值返回 ModelAndView返回 String返回 void返回对象 Object处理器对象返回Object，转为json输入到浏览器，响应ajax的原理HttpMessageConverter接口实现类返回 ModelAndView返回 ModelAndView： 有数据和视图，对视图执行forward操作。 若处理器方法处理完后，需要跳转到其它资源，且又要在跳转的资源间传递数据，此时处理器方法返回 M
2021-08-04 21:39:53
850
原创 springmvc-210803-02---处理器方法的参数&Post请求中文乱码
springmvc-210803-02—处理器方法的参数&Post请求中文乱码处理器方法的四类参数下面演示—请求中所携带的请求参数index.jsp（主页面）MyController.java（处理器—处理请求参数）web.xml（配置过滤器解决post中文乱码）show.jsp（结果页面）springmvc.xmlStudent.java处理器方法的四类参数处理器方法可以包含以下四类参数，这些参数会在系统调用时由系统自动赋值，即程序员可在方法内直接使用。 ➢
2021-08-03 23:00:24
947
原创 springmvc-210803-01---@RequestMapping属性value和method
springmvc-210803-01—@RequestMapping属性value和methodvalue属性method属性案例演示MyController.java（处理器—使用value，method属性）index.jsp（主页面）testMethod.jsp（结果页面）springmvc.xmlweb.xml运行结果value属性@RequestMapping 注解可以定义处理器对于请求的映射规则。该注解可以注解在方法上，也可以注解在类上，但意义是不同的。
2021-08-03 22:59:50
415
原创 springmvc-210802-04---视图解析器
springmvc-210802-04—视图解析器用户无法直接访问WEB-INF下的资源springmvc.xml（声明springmvc框架中的视图解析器）MyController.java（使用视图解析器）web.xml（配置中央控制器）index.jsp（主界面）show.jsp（显示界面）other.jsp（显示界面）运行结果用户无法直接访问WEB-INF下的资源springmvc.xml（声明springmvc框架中的视图解析器）<?xml version="
2021-08-03 22:59:13
120
原创 springmvc-210802-03---处理流程
springmvc-210802-03—处理流程springmvc请求处理流程springmvc执行过程源码分析springmvc请求处理流程springmvc执行过程源码分析1. tomcat启动，创建容器的过程 通过load-on-start标签指定的1，创建DispatcherServlet对象， DispatcherServlet父类继承HttpServlet，是一个Servlet， 再被创建时会执行init()方法。 init(){
2021-08-03 22:58:42
100
原创 springmvc-210802-02---开发步骤
springmvc-210802-02—开发步骤&实现案例开发步骤我的项目目录实现案例pom.xml（引入依赖）web.xml（注册SpringMVC框架的核心对象DispatcherServlet）index.jsp（请求页面）MyController.java（创建控制器类）show.jsp（结果页面）springmvc.xml（开启组件扫描）运行结果开发步骤1. 创建web maven工程2. 加入依赖3. 在web.xml中注册SpringMVC框架的
2021-08-03 22:58:16
148
原创 springmvc-210802-01---SpringMVC了解
springmvc-210802-01—SpringMVC了解SpringMVC了解SpringMVC了解SpringMVC是基于Spring的一个框架，是一个Spring的一个模块，为web而生。相当于是servlet的升级。web开发底层是servlet，框架是在servlet基础上加一些功能，方便web开发。SpringMVC就是一个Spring。Spring是一个容器，，IOC管理对象，使用<bean>，使用@Component、@Repository、@Serv
2021-08-03 22:56:45
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人