jquery中页面Ajax方法$.load的功能使用介绍


Posted in Javascript onOctober 20, 2014

load语法

$(".selector").load("url", function(responseText, statusText, xmlhttprequest));

可以做到加载一个页面的时候,如果发生错误,根据statusText给出的状态,显示对应的提示,这对用户来说非常重要。

例子,load post

代码如下

<div id=btnAjaxPost>点击我</div>

<div id=divResult>内容加载中</div>
$("#btnAjaxPost").click(function(event)

{

var username = $("#username").val();

//发送Post请求

$("#divResult").load("$(3water.com){ctx}/jqueryLoad", { "username": username});

});

例子,load get方法

代码如下

<div id=in_head>内容加载中</head>

<script language="javascript">$('#in_head').load('ajaxlogin.php?cityid=1208');</script>

Ajax方法$.load乱码

一般引起load乱码是由于二者页面编码不致影起的,处理方法是

1.我的显示页面index.html的编码是uft-8的;
2.我的静态页面foot.html的编码是uft-8的;

$("#index_foot_container").load("foot.html");

Javascript 相关文章推荐
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
鼠标选择动态改变网页背景颜色的JS代码
Dec 10 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
js实现前端分页页码管理
Jan 06 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 #Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 #Javascript
js添加select下默认的option的value和text的方法
Oct 19 #Javascript
使用变量动态设置js的属性名
Oct 19 #Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 #Javascript
js读取json的两种常用方法示例介绍
Oct 19 #Javascript
Jquery解析Json格式数据过程代码
Oct 17 #Javascript
You might like
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
js 对小数加法精度处理示例说明
2013/12/27 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
2014/06/07 Javascript
Underscore.js常用方法总结
2015/02/28 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
2020/08/15 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
Python读取mp3中ID3信息的方法
2015/03/05 Python
python读写二进制文件的方法
2015/05/09 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
python适合做数据挖掘吗
2020/06/16 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
会计专业毕业生自我评价
2013/09/25 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
陈欧广告词
2014/03/14 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
教师先进事迹材料
2014/12/16 职场文书
评先进个人材料
2014/12/29 职场文书
高三语文复习计划
2015/01/19 职场文书
公司辞职信模板
2015/05/13 职场文书
vue 实现上传组件
2021/05/31 Vue.js