详谈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序列化后的表单值转换成Json
Jun 16 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
jquery实现异步文件上传ajaxfileupload.js
Oct 23 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垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php strrpos()与strripos()函数
2013/08/31 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
js生成随机颜色方法代码分享(三种)
2016/12/29 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
在Django的通用视图中处理Context的方法
2015/07/21 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
Python面向对象程序设计示例小结
2019/01/30 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
Python 异常的捕获、异常的传递与主动抛出异常操作示例
2019/09/23 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
Python接口开发实现步骤详解
2020/04/26 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
新闻专业学生的自我评价
2014/02/13 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
英文商务邀请函范文
2015/01/31 职场文书
人民币符号
2022/02/17 杂记