不是将所有JS全部封装,只是有选择的封装 (4)能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果,也能提供异步AJAX功能 (5)文档手册很全,很详细 (6)成熟的插件可供选择 (7...jQuery对象[下标,从0开始] jQuery对象.get(下标,从0开始) 再次重申:Jquery对象只能调用Jquery对象的API,JavaScript对象只能调用JavaScript对象的API...这里写图片描述 $.ajax() 对于这个方法,我们又使用二级联动这个案例来讲解吧。我们曾经使用过JavaScript来解析XML、JSON来实现二级联动。...这次我使用Jquery+Struts2+JSON来实现二级联动。...get()方法不是使用Jquery对象来调用,因此需要手动把结果放在想要放的位置 post()方法是用来把参数带过去给服务器的,因此我们需要在Servlet上手动设置编码。
不是将所有JS全部封装,只是有选择的封装 (4)能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果,也能提供异步AJAX功能 (5)文档手册很全,很详细 (6)成熟的插件可供选择 (7...jQuery对象[下标,从0开始] jQuery对象.get(下标,从0开始) 再次重申:Jquery对象只能调用Jquery对象的API,JavaScript对象只能调用JavaScript对象的API...这里写图片描述 ---- $.ajax() 对于这个方法,我们又使用二级联动这个案例来讲解吧。我们曾经使用过JavaScript来解析XML、JSON来实现二级联动。...这次我使用Jquery+Struts2+JSON来实现二级联动。...get()方法不是使用Jquery对象来调用,因此需要手动把结果放在想要放的位置 post()方法是用来把参数带过去给服务器的,因此我们需要在Servlet上手动设置编码。
> servlet-mapping> 将 POST 请求转换为 PUT 或 DELETE 请求 HiddenHttpMethodFilter...-- 1.为什么使用SpringMVC的form标签 ① 快速开发 ② 表单回显 2.可以通过modelAttribute指定绑定的模型属性, 若没有指定该属性,则默认从request域中查找command...-- 1.为什么使用SpringMVC的form标签 ① 快速开发 ② 表单回显 2.可以通过modelAttribute指定绑定的模型属性, 若没有指定该属性,则默认从request域中查找command...jQuery来转换请求方式 加入jQuery库文件 /scripts/jquery-1.9.1.min.js jQuery库文件不起作用 警告: No mapping found for HTTP request...-- 1.为什么使用SpringMVC的form标签 ① 快速开发 ② 表单回显 2.可以通过modelAttribute指定绑定的模型属性, 若没有指定该属性,则默认从request域中查找command
--2:静态资源默认servlet配置 1:加入对静态资源的处理:js,gif,png 2:允许使用"/"做整体映射 --> servlet-handler...注入到spring ioc中 @RequestMapping url映射 model用来存放数据的。...-- jQuery文件。...务必在bootstrap.min.js 之前引入 --> jquery/2.0.0/jquery.min.js">到,也没有深入的的讲解SSM这个框架,再未来的三到四个月里,我会不断的学习,j2ee框架,servelet
M(Model):模型层主要封装数据采用JavaBean (如:EJB) V(View):视图层JSP负责显示 C(Controller):控制层 Serlvet 接受页面请求,然后采用模型层的方法,然后将返回的数据给视图层...; 开发模式种类: 开发模式1:JavaBean + JSP 优点:直接在jsp中写java代码 缺点: 后期维护困难代码臃肿 开发模式2:Servlet + JavaBean + JSP 优点: 对于大型项目分层...-- 使用jstl内置函数 --> jsp/jstl/functions" %> function...网页请求处理 /Web/src/top/weiyigeek/servlet/pageList.java #JSP 显示层 /Web/WebContent/pageShow.jsp 公共类: package... //Jquery使用方式之一 $(function(){ $("#key").keyup(function
; 开发模式种类: 开发模式1:JavaBean + JSP 优点:直接在jsp中写java代码 缺点: 后期维护困难代码臃肿 开发模式2:Servlet + JavaBean + JSP 优点: 对于大型项目分层...-- 使用jstl内置函数 --> jsp/jstl/functions" %> function...网页请求处理 /Web/src/top/weiyigeek/servlet/pageList.java #JSP 显示层 /Web/WebContent/pageShow.jsp 公共类: package... //Jquery使用方式之一 $(function(){ $("#key").keyup(function...WeiyiGeek.搜索模仿 0x03 XML 省市联动 描述:通过xstream将获取到的对象装换成为XML,并且响应给客户端然后jQuery解析xml在页面添加数据; lib库依赖导包:xpp3_
,两种技术各有专长,所以一般我们会将Servlet和JSP结合使用,Servlet负责业务,JSP负责显示。...6) JSP的脚本元素 ① 脚本片段是嵌入到JSP中Java代码段,格式以结尾,两个%号之间就可以编写Java代码了 ?...7) JSP的表达式 ① JSP表达式用来直接将Java变量输出到页面中,格式以结尾,中间是我们要输出的内容 ?...true 是异步请求 false 不是异步请求(同步请求) ② send(string) send()用于将请求发送给服务器,可以接收一个参数 ① string参数 该参数只在发送post请求时需要...最简单的情况下,$.ajax()可以不带任何参数直接使用。 $.ajax方法的参数 ? 对于settings请求设置来说,所有选项都是可选的,详见jQuery手册 具体的示例代码 ?
为了能够让【代理对象】正确编译高级类型 在服务器端,将JAVA修饰对象格式转变为JSON形式格式 V_3.1 城市和行政区下拉列表级联:与省市级联完全一致 V_4.0...如何实现真正三表级联: 1.上述的两个功能中,都是读取当前下拉表中选中来获得隶属于当前数据的内容 2.浏览器加载下拉列表时,默认情况将下拉列表中第一个作为默认选中项...浏览器将当前自动赋值给当前的下拉列表 代码: 欢迎页面:index.jsp servlet-mapping> index.jsp </welcome-file-list...: 注意事项: 1、 需要引入jquery.js 插件。
2、在Jsp页面的script代码中创建delEmp(empId)函数。 3、完善业务层、servlet代码中的删除操作。...以用户退出为例 1、添加id属性 2、通过jquery添加相应的函数 以删除指定empId的员工为例 一、js方式 1、在jsp界面中,找到删除按钮所在的地方,为其添加超链接javascript:delEmp...注意: 如果需要传入的值时int类型,则在使用el表达式调用时,外部可以不加单引号。 而如果传入的值时string类型,则需要在其外部加单引号。...并且将empId传入servlet程序中,令servlet陈新股根据empId删除相应的员工。 ? 3、完善业务层、servlet代码中的删除操作。 演示:删除empId为‘hhh’的数据。...method=delUserInfo",//servlet上具体方法的路径 data:"uid="+uid,//请求响应的参数 success:function(data){//函数方法 if
一、@ResponseBody、@RestController 作用:方法返回的对象转换为JSON格式,并将JSON数据直接写入到输出流中,使用此注解后不会再经过视图解析器。...使用该注解可以处理Ajax请求。 位置:方法上方或方法返回值前 1.1....页面中引入jQuery的js文件(该.js文件可以去我的资源里面去下载),而SpringMVC会拦截所有资源,造成jquery.js失效,需要在SpringMVC核心配置文件中放行静态资源。.../servlet-name> *.png servlet-mapping>三、@RequestBody 作用:将请求中JSON格式的参数转为...JAVA对象 位置:写在方法参数前 3.1 AJAX请求发送JSON格式的参数<%@ page contentType="text/html;charset=UTF-8" language="java
一、@ResponseBody、@RestController 作用:方法返回的对象转换为JSON格式,并将JSON数据直接写入到输出流中,使用此注解后不会再经过视图解析器。...使用该注解可以处理Ajax请求。 位置:方法上方或方法返回值前 1.1....JSP页面 编写jsp页面,发送ajax请求 jQuery的js文件(该.js文件可以去我的资源里面去下载),而SpringMVC会拦截所有资源,造成jquery.js失效,需要在SpringMVC核心配置文件中放行静态资源。...将请求中JSON格式的参数转为JAVA对象 位置:写在方法参数前 3.1 AJAX请求发送JSON格式的参数 <%@ page contentType="text/html;charset=UTF
根据百度百科 同源策略它是由 Netscape 提出的一个安全策略,它是浏览器最核心也是最基本的安全功能,如果缺少同源策略,则浏览器的正常功能可能都会受到影响,现在所有支持JavaScript的浏览器都会使用这个策略...那么我们从客户端(浏览器)输入访问部署在 Tomcat2 上的项目 JavaWeb2,然后在该项目中通过 ajax 去请求部署在 Tomcat1 上的项目数据,能够访问的到呢? ...2、当我们正常地请求一个JSON数据的时候,服务端返回的是一串 JSON类型的数据,而我们使用 JSONP模式来请求数据的时候服务端返回的是一段可执行的 JavaScript代码。...因为jsonp 跨域的原理就是用的动态加载 script的src ,所以我们只能把参数通过 url的方式传递,所以jsonp的 type类型只能是get ! ...利用nginx反向代理,将请求分发到部署到相应项目的tomcat服务器,当然也不存在跨域问题。
达到无刷新的效果 2.JQuery JQuery 是一个 JavaScript 库。...对于每个请求,Servlet引擎将调用Servlet的service方法,并把Servlet请求对象和Servlet响应对象最为参数传递给它。 3.destroy()。...url后面,在请求行, post方式将参数放在请求的正文部分。...实际上Filter里doFilter()方法里的代码就是从多个Servlet的service()方法里抽取的通用代码,通过使用Filter可以实现更好的复用。 14....Jsp与Servlet区别 1.JSP的本质就是Servlet,JSP页面在执行的时候都会被服务器端的JSP引擎转换为Servelet(.java),然后又由JSP引擎调用Java编译器,将Servelet
jQuery.ajax 纯JS原生实现Ajax我们不去讲解这里,直接使用jquery提供的,方便学习和使用,避免重复造轮子,有兴趣的同学可以去了解下JS原生XMLHttpRequest !...能够以异步方式从服务器获取新数据。 jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。..., 可以使用在线的CDN , 也可以下载导入 选取一个就可以了 jquery.com/jquery-3.1.1.min.js">...jquery-3.1.1.min.js"> 4、编写index.jsp
狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者。...Servlet运行于支持Java的应用服务器中。从原理上讲,Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。 2:什么是JSP?...Java Servlet是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。...这些东西在随处都可以查到,要想做成一个比较好的web项目,他们的结合是必不可少的,本项目是servlet结合jsp所做的界面如下,用到的知识点是 ● Servlet、jsp基本使用(重定向、转发、互相传值等...) jQuery的使用 Ajax的回调 layer弹出层 MySql数据库(增删查改) Html使用(标签、iframe等) Bootstrap ?
http response http request key elements of request stream .PNG request的关键元素: http方法 需要访问资源的URL 需要传递的参数...对于上述内容,我们可以用一张图进行总结: summary of simple http .PNG 下面将实现一个简单的servlet程序 在MyEclipse平台下,直接新建一个web project,...尝试多次发现结果显示404 ,寻找web.xml webxml.PNG 从配置文件的url可知,访问servlet的路径应该是/Ch1Servlet 但却显示404,后来发现细节上出现了错误。...总结 为什么要使用servlet&jsp? ** 服务器擅长提供静态的界面。...举个例子,如果我们需要在html中加上一段代码,让其动态的显示当前的时间,那么静态界面显然是无法满足要求的,这时候我们就需要一个辅助应用帮忙处理显示动态的时间,然后将处理后的结果插入到HTML中,再交给服务器返回
在jquery_test.jsp中就使用了jQuery的东西。下方就是该文件的所有内容。当然下方页面的功能比较简单,就是点击按钮,往HTML中动态的添加新的节点。...当然,我们做的事情就是在HTML页面中添加新的节点,将事件响应的消息添加到HTML文本只能怪进行显示。 下方就是sse.jsp页面的具体代码。...其中使用了@Autowired注解来声明依赖注入的注入点。然后通过路由,路由到调用PushService的方法中即可。...下方的代码比较简单,主要是使用jQuery来接收的推送事件。...然后将推送的内容append到html中进行显示,如下所示: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding
Java基础入门 Java高级阶段 数据库和JDBC Html&Javascript Jsp&Servlet Struts2框架讲解 Spring框架讲解 Hibernate框架讲解 流行技术学习 1、...表单验证 js修改html的css样式 第五天、javasctipt的框架: json jqeuery入门 jquery示例 5.jsp&servlet 这个阶段无疑是一个重点中的重点。...因为我们就要学习javaEE的知识了,也就是服务器端的知识,我们会对jsp和servlet的相关知识进行一个非常详细和深入的学习,有关web方面的概念非常多,而且和我们以前的C/S结构差异也非常大,需要面对的问题也更加复杂...虽然以后我们开发项目的时候也许很少直接就是使用jsp和servlet,但是对我们下一个框架学习阶段来说这里的知识点是非常重要的,只要这个阶段大家学好的话,那么理解后面的框架就会很简单了。...jsp的页面元素 内置对象 示例 第二天、servlet 详解: get和post方法提交,mvc三层模式介绍和servlet的生命周期 mvc演示和手动建立servet 转发和重定向和用户列表的示例
实现步骤分析 创建web项目 添加依赖(spring-webmvc、servlet) 声明 SpringMVC 核心对象 DispatcherServlet 创建jsp,发起请求 创建一个普通类,作为控制器使用...(代替之前的 servlet),这里要使用注解 @Controller 和 @RequestMapping 创建展示结果的 jsp 页面 创建 SpringMVC 的配置文件(和 Spring 配置文件类似...bean> MyController中的使用代码如下: // 将请求结果给要展示的 jsp 页面 //modelAndView.setViewName("/WEB-INF/view/result.jsp...携带多个参数 下面举个例子,在请求页面增加一个表单,用户输入两个数据,通过 Controller 接收后,显示到 result.jsp 页面上。...,方法的形参就可以自定义了,该注解就会自动将请求中的参数值赋值给方法的形参。
后台代码 放在src下面,分为: 1. dao层(与数据库相关) 2. domain层(实体层) 3. service层 (服务层) 4. servlet层 前台 jsp使用表单或者使用js/jquery...action里面的路径是一个servlet的路径 2. jsp通过jquery 的 ajax往servlet发送请求 这个和html中使用ajax往php发送请求类似 例:...接收请求 1. servlet 层首先接收请求 然后收集数据,利用收集到的数据实例化成实体对象 最后new一个service对象,调用service的某个方法将所实例化的对象传到service层的某个方法...提交的方式:servlet层一般使用request.setAttribute("msg","你好");类似的方法返回,当涉及到登录的时候,要使用request.getSession().setAttribute...data就是返回的数据 jsp页面接收到后台返回的结果 如果采用表单提交的方式的话,可以在jsp页面写上 类型 ${msg}的表达式,然后通过servlet的重定向到某个jsp页面,在jsp页面可以通过
领取专属 10元无门槛券
手把手带您无忧上云