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 相关文章推荐
jQuery 中使用JSON的实现代码
Dec 01 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
Jul 01 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
js实现适配不同的屏幕大小
Apr 10 Javascript
微信小程序实现animation动画
Jan 26 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
javascript中闭包closure的深入讲解
Mar 03 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
SSI指令
2006/11/25 PHP
php设计模式 Singleton(单例模式)
2011/06/26 PHP
PHP在不同页面间传递Json数据示例代码
2013/06/08 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
jquery访问ashx文件示例代码
2014/08/11 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
jQuery实现带滑动条的菜单效果代码
2015/08/26 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
微信小程序签到功能
2018/10/31 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Python中除法使用的注意事项
2014/08/21 Python
Python实现从订阅源下载图片的方法
2015/03/11 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
实例讲解python中的序列化知识点
2018/10/08 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
python实现图片转字符小工具
2019/04/30 Python
Python中的延迟绑定原理详解
2019/10/11 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
趣味活动策划方案
2014/02/08 职场文书
2014年度培训工作总结
2014/11/27 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android