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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
Feb 17 Javascript
第四章之BootStrap表单与图片
Apr 25 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 Javascript
Vue组件之Tooltip的示例代码
Oct 18 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 Javascript
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
Vue提供的三种调试方式你知道吗
Jan 18 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使用文本统计访问量的方法
2016/05/12 PHP
php数组和链表的区别总结
2019/09/20 PHP
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
JS打印组合功能
2016/08/04 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
set在python里的含义和用法
2019/06/24 Python
爱游人:Travelliker
2017/09/05 全球购物
小型女装店的创业计划书
2014/01/09 职场文书
酒吧创业计划书
2014/01/18 职场文书
培训自我鉴定
2014/01/31 职场文书
团队精神口号
2014/06/06 职场文书
垃圾桶标语
2014/06/24 职场文书
施工单位安全责任书
2014/07/24 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
新郎新娘致辞
2015/07/31 职场文书
公司考勤管理制度
2015/08/04 职场文书
志愿服务心得体会
2016/01/15 职场文书
导游词之山东八大关
2019/12/18 职场文书
go语言使用Casbin实现角色的权限控制
2021/06/26 Golang
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
mysql聚集索引、辅助索引、覆盖索引、联合索引的使用
2022/02/12 MySQL
Mysql 一主多从的部署
2022/05/20 MySQL