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单元测试ABC
Apr 12 Javascript
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
jQuery Validate让普通按钮触发表单验证的方法
Dec 15 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
php cout&amp;lt;&amp;lt;的一点看法
2010/01/24 PHP
php引用地址改变变量值的问题
2012/03/23 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
推荐dojo学习笔记
2007/03/24 Javascript
JavaScript 比较时间大小的代码
2010/04/24 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
详解vue组件通信的三种方式
2017/06/30 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
python自动zip压缩目录的方法
2015/06/28 Python
Python实现大文件排序的方法
2015/07/10 Python
Python常用的爬虫技巧总结
2016/03/28 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
Django实现将views.py中的数据传递到前端html页面,并展示
2020/03/16 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
演讲稿怎么写才完美
2014/01/02 职场文书
优秀志愿者事迹材料
2014/02/03 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
地道战观后感2000字
2015/06/04 职场文书
python实现简单的名片管理系统
2021/04/26 Python
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js