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事件模拟
Jun 27 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
Jquery的基本对象转换和文档加载用法实例
Feb 25 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
php多层数组与对象的转换实例代码
2013/08/05 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
js常用排序实现代码
2010/12/28 Javascript
JS求平均值的小例子
2013/11/29 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
Vue如何引入远程JS文件
2017/04/20 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
关于使用js算总价的问题
2017/06/23 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
python 文件查找及内容匹配方法
2018/10/25 Python
python函数的万能参数传参详解
2019/07/26 Python
python绘制随机网络图形示例
2019/11/21 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
Python 实现微信自动回复的方法
2020/09/11 Python
html5 标签
2009/07/16 HTML / CSS
儿科护理实习自我鉴定
2013/09/19 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
大课间活动实施方案
2014/03/06 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
圣诞节开幕词
2015/01/29 职场文书
关于开学的感想
2015/08/10 职场文书
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电
讲解Python实例练习逆序输出字符串
2022/05/06 Python
Python 绘制多因子柱状图
2022/05/11 Python