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 相关文章推荐
DOM下的节点属性和操作小结
May 14 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
Apr 03 Javascript
基于jQuery实现放大镜特效
Oct 19 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
详解Javascript继承的实现
Mar 25 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
Node.js 使用request模块下载文件的实例
Sep 05 Javascript
原生JavaScript实现拖动校验功能
Sep 29 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留言本实例代码
2010/05/09 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
Vue 封装防刷新考试倒计时组件的实现
2020/06/05 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
python代码实现ID3决策树算法
2017/12/20 Python
http请求 request失败自动重新尝试代码示例
2018/01/25 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
python实现两个文件夹的同步
2019/08/29 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
Java里面有没有全局变量?为什么?
2015/02/06 面试题
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
医院学雷锋活动策划方案
2014/02/15 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
保护黄河倡议书
2014/05/16 职场文书
娱乐节目策划方案
2014/06/10 职场文书
党支部评议意见
2015/06/02 职场文书
会议承办单位欢迎词
2015/09/30 职场文书
Python实现8种常用抽样方法
2021/06/27 Python
mysql如何配置白名单访问
2021/06/30 MySQL
分享7个 Python 实战项目练习
2022/03/03 Python