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 相关文章推荐
Some tips of wmi scripting in jscript (1)
Apr 03 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
Dec 25 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
Jan 20 Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 Javascript
vue使用localStorage持久性存储实现评论列表
Apr 14 Vue.js
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
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
web 页面分页打印的实现
2009/06/22 Javascript
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
Js基础学习资料
2010/11/23 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js倒计时小程序
2013/11/05 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python使用numpy读取、保存txt数据的实例
2018/10/14 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Python的垃圾回收机制详解
2019/08/28 Python
python 求定积分和不定积分示例
2019/11/20 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
python中pop()函数的语法与实例
2020/12/01 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
CLR与IL分别是什么含义
2016/08/23 面试题
九年级物理教学反思
2014/01/29 职场文书
暑期学习心得体会
2014/09/02 职场文书
2014年老干部工作总结
2014/11/21 职场文书
电影建党伟业观后感
2015/06/01 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
四年级数学教学反思
2016/02/16 职场文书
Go语言实现一个简单的并发聊天室的项目实战
2022/03/18 Golang