详谈jQuery.load()和Jsp的include的区别
1、jqueryObj.load()
load()方法通过ajax获取服务端数据,并将放回数据放置到jqueryObj对象下。
load(url,data,function(response,status,xhr)
参数 | 描述 |
---|---|
url | 规定要将请求发送到哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
function(response,status,xhr) |
可选。规定当请求完成时运行的函数。 额外的参数:
|
我们也可以只获取返回数据的部分内容,例如:
$("#a").load("b.html","#c"):获取b.html中id为c的部分内容填充到id为a的元素下。
注意:load加载的内容中如果包含js,在js被填充到指定元素时就会编译一次。
2、<%@include file="页面路径"%>
这是jsp的指令操作,将指定路径的内容镶嵌到该指令所在的位置。这是一中静态加载的方式。
加载时机:在容器将jsp转化为servlet文件之前,先和原页面代码整合为一体再做解析。(翻译阶段)
注意:因为是将2个文档合成一个再解析,所以可能存在相同的头部,这将可能导致解析出错,所以引入文件的头部尽量去掉,以沿用原页面的头部内容。
3、<jsp:include page="页面路径" flush="true">
这是一种行为操作,在请求页面时将指定路径的页面进行翻译和执行,并将执行结果放在该代码所在位置。
加载时机:在页面被请求时才会对引入的页面和原界面进行分别翻译和执行。即会翻译为2个servlet文件。他们是相对独立的,只有显示的时候才会将结果放在一起显示。(请求处理时执行)
注意:因为2个页面是相对独立的,所以需要独立处理,有可能存在2个页面的编码集不一致而导致的乱码。
以上这篇详谈jQuery.load()和Jsp的include的区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
用Jquery.load载入页面实现局部刷新
因为开始不懂Jquery,一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现载入进来的页面与原来单独的页面不一样,样式没了,后来在网上查了一下,发现了解决办法,这是别人的回答: 是这样的,如果不过滤掉一些内容的话,直接加载,会使页面混乱的,比如新的页面也存在<body>标签,加载进来后,一个页面就会存在两个<body>标签是不规范的的HTML.这个是在jquery.load()函数中规定的.一般加载进来的页面需要自己根据加载的内容的元素重新定义CSS样式和添
-
JSP中include指令和include行为的区别
< %@ include file=" "%> < jsp:include page=" " flush="true"/> 前者是指令元素.后者是行为元素.具体它们将在何处用?如何用及它们有什么区别?这应该是很多人看到它都会想到的问题.下面一起来看看吧. 通常当应用程序中所有的页面的某些部分(例如标题.页脚和导航栏)都相同的时候,我们就可以考虑用include.具体在哪些时候用< %@ include file=&q
-
jQuery中Ajax的load方法详解
先来看一个Ajax例子 复制代码 代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="Ajax提交" onc
-
JSP中的include有几种形式?都有什么区别?
JSP中的include有哪些?有什么区别? 1.JSP中的include有哪些 (1)<%@include file="" %> (2)<jsp:include page="" flush="true"/> 2.两者区别 (1)前者是指示元素,后者是行为元素 (2)前者合成一个页面,后者合成一个文件后被JSP容器转化成Servlet
-
JSP下动态INCLUDE与静态INCLUDE的区别分析
动态INCLUDE 用jsp:include动作实现 <jsp:include page="included.jsp" flush="true" />它总是会检查所含文件中的变化,适合用于包含动态页面,并且可以带参数. 静态INCLUDE 用include伪码实现,定不会检查所含文件的变化,适用于包含静态页面<%@ include file="included.htm" %> ================
-
详谈jQuery.load()和Jsp的include的区别
1.jqueryObj.load() load()方法通过ajax获取服务端数据,并将放回数据放置到jqueryObj对象下. load(url,data,function(response,status,xhr) 参数 描述 url 规定要将请求发送到哪个 URL. data 可选.规定连同请求发送到服务器的数据. function(response,status,xhr) 可选.规定当请求完成时运行的函数. 额外的参数: response - 包含来自请求的结果数据 status - 包含请
-
详谈jQuery Ajax(load,post,get,ajax)的用法
今天看到群里面有网友们问到Jquery Ajax的(load,post,get,ajax)之间的区别,现在整理了一篇文章出来,希望可以帮到网友们,首先我们先来看一些简单的方法, 这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String): 请求的HT
-
JSP的include指令的使用方法
JSP的include指令的使用方法 一 语法 <%@ include file="URL"%> 二 代码 1.date.jsp <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%> <%@ page import="java.text.*" %> &l
-
jsp中include指令静态导入和动态导入的区别详解
1.什么是静态导入? 静态导入指的是,将一个外部文件嵌入到当前JSP文件中,同时解析这个页面的JSP语句,它会把目标页面的其他编译指令也包含进来.include的静态导入指令使用语法: 复制代码 代码如下: <%@include file="relativeURLSpec"%> 静态导入使用范例include1.jsp: 复制代码 代码如下: <%@ page contentType="text/html; charset=utf-8" langu
-
原来Jquery.load的方法可以一直load下去
只要不冲突(例如id不能一样),我写了一个例子,利用页面参数控制内部的元素id,互相加载自己.这是一个jsp页面,代码如下: 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getS
-
详谈jQuery中使用attr(), prop(), val()获取value的异同
jQuery中有3个获取元素value值的函数比较相似:attr(), prop(), val():拿来比较一下. 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.1.4.js"></scrip
-
用Jquery.load载入页面后样式没了页面混乱的解决方法
因为开始不懂Jquery,一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现载入进来的页面与原来单独的页面不一样,样式没了,后来在网上查了一下,发现了解决办法,这是别人的回答: 是这样的,如果不过滤掉一些内容的话,直接加载,会使页面混乱的,比如新的页面也存在<body>标签,加载进来后,一个页面就会存在两个<body>标签是不规范的的HTML.这个是在jquery.load()函数中规定的.一般加载进来的页面需要自己根据加载的内容的元素重新定义CSS样式和添
-
使用jquery局部刷新(jquery.load)从数据库取出数据
因为Jquery 是一个很好的javascript框架,我对他的运用还只是表面的,处于一个初步学习的阶段,所以通过博客记录我学习的点滴,大神可以略过,写此文章希望可以帮到和我一样的初学者,共同分享,共同进步. 现在ajax越来越受到web开发者的青睐,jquery提供了很好的ajax交互,我这里用的是直接返回字符串,用的是jquery.load方法,是很基础的. 项目下载 需要注意两点: 1.jquery.js的路径要正确,不然很难达到你想要的效果. 2.需要使用$(document).read
随机推荐
- CSS选择符说明
- 解析iOS应用的UI开发中懒加载和xib的简单使用方法
- python Django模板的使用方法
- php生成缩略图填充白边(等比缩略图方案)
- python求列表交集的方法汇总
- pycharm中连接mysql数据库的步骤详解
- MySQL重定位数据目录的方法
- Xcode8 更新解决模拟器找不到的方法
- Java容器类的深入理解
- 解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
- jquery load事件(callback/data)使用方法及注意事项
- 解决拦截器对ajax请求的拦截实例详解
- php set_time_limit(0) 设置程序执行时间的函数
- 详解C语言 三大循环 四大跳转 和判断语句
- 详解Intellij IDEA中.properties文件中文显示乱码问题的解决
- 浅谈java日志格式化
- 对python 中class与变量的使用方法详解
- IDEA导入eclipse项目并且部署到tomcat的步骤详解
- Python爬虫包BeautifulSoup异常处理(二)
- pandas和spark dataframe互相转换实例详解