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的Cookies
Jan 16 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
JavaScript登录验证基础教程
Nov 01 Javascript
极简主义法编写JavaScript类
Nov 02 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
Vue实现购物车实例代码两则
May 30 Javascript
jQuery实现计算器功能
Oct 19 jQuery
Javascript 解构赋值详情
Nov 17 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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
一个很不错的PHP翻页类
2009/06/01 PHP
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
python机器学习库常用汇总
2017/11/15 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Python用类实现扑克牌发牌的示例代码
2020/06/01 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
Python中pass语句的作用是什么
2016/06/01 面试题
企划经理的岗位职责
2013/11/17 职场文书
专家推荐信模板
2014/05/09 职场文书
员工辞退通知书
2015/04/17 职场文书
2015年工程部工作总结
2015/04/30 职场文书
python for循环赋值问题
2021/06/03 Python
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL