详谈jQuery.load()和Jsp的include的区别


Posted in jQuery onApril 12, 2017

1、jqueryObj.load()

load()方法通过ajax获取服务端数据,并将放回数据放置到jqueryObj对象下。

load(url,data,function(response,status,xhr)

参数 描述
url 规定要将请求发送到哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
function(response,status,xhr) 可选。规定当请求完成时运行的函数。 额外的参数: response - 包含来自请求的结果数据 status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror") xhr - 包含 XMLHttpRequest 对象

我们也可以只获取返回数据的部分内容,例如:

$("#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 相关文章推荐
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
jQuery实现回到顶部效果
Oct 19 jQuery
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 #jQuery
jQuery用noConflict代替$的实现方法
Apr 12 #jQuery
jQuery判断邮箱格式对错实例代码讲解
Apr 12 #jQuery
jquery 校验中国身份证号码实例详解
Apr 11 #jQuery
基于jQuery实现瀑布流页面
Apr 11 #jQuery
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 #jQuery
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 #jQuery
You might like
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
JavaScript 图片预览效果 推荐
2009/12/22 Javascript
javascript调试说明
2010/06/07 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
js+css实现打字效果
2020/06/24 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
深入学习python的yield和generator
2016/03/10 Python
python在Windows下安装setuptools(easy_install工具)步骤详解
2016/07/01 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
Python的几种主动结束程序方式
2019/11/22 Python
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
MySQL面试题
2014/01/12 面试题
淘宝网店营销策划书
2014/01/11 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
适用于所有创业者的创业计划书
2014/02/05 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
大学生个人年度总结范文
2015/02/15 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript