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 相关文章推荐
一个选择最快的服务器转向代码
Apr 27 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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加密解密函数(动态加密)
2013/06/19 PHP
zf框架的Filter过滤器使用示例
2014/03/13 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
jQuery 判断是否包含在数组中Array[]的方法
2016/08/03 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
Node.JS文件系统解析实例详解
2017/05/15 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
React diff算法的实现示例
2018/04/20 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
webpack-mvc 传统多页面组件化开发详解
2019/05/07 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
python网络编程之UDP通信实例(含服务器端、客户端、UDP广播例子)
2014/04/25 Python
python基于ID3思想的决策树
2018/01/03 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
如何定义TensorFlow输入节点
2020/01/23 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
用python批量移动文件
2021/01/14 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
详解Canvas事件绑定
2018/06/27 HTML / CSS
提高EJB性能都有哪些技巧
2012/03/25 面试题
兼职业务员岗位职责
2014/01/01 职场文书
计算机专业毕业生自我鉴定
2014/01/16 职场文书
全陪导游欢迎词
2014/01/17 职场文书
求职简历自我评价范例
2014/03/12 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
初中重阳节活动总结
2015/05/05 职场文书
埃及王子观后感
2015/06/16 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript
Hive HQL支持2种查询语句风格
2022/06/25 数据库