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 相关文章推荐
浅析用prototype定义自己的方法
Nov 14 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
AngularJS 实现购物车全选反选功能
Oct 24 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
ES6基础之字符串和函数的拓展详解
Aug 22 Javascript
vscode中eslint插件的配置(prettier配置无效)
Sep 10 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 Javascript
基于element-ui封装表单金额输入框的方法示例
Jan 06 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图片的裁剪与缩放生成符合需求的缩略图
2013/01/11 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
Python-opencv 双线性插值实例
2020/01/17 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
python实现粒子群算法
2020/10/15 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
英国在线花园中心:You Garden
2018/06/03 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
Deichmann英国:德国鞋类零售商
2021/01/30 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
信息技术课后反思
2014/04/27 职场文书
语文教研活动总结
2014/07/02 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python