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 相关文章推荐
jQuery AJAX回调函数this指向问题
Feb 08 Javascript
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
详解.vue文件中监听input输入事件(oninput)
Sep 19 Javascript
javascript实现切割轮播效果
Nov 28 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编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
用来解析.htpasswd文件的PHP类
2012/09/05 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
Node.js中的process.nextTick使用实例
2015/06/25 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
JS之相等操作符详解
2016/09/13 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
金融专业毕业生推荐信
2013/11/26 职场文书
监理资料员岗位职责
2014/01/03 职场文书
出国签证在职证明
2014/09/20 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
建党伟业的观后感
2015/06/01 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python
Python如何导出导入所有依赖包详解
2021/06/08 Python
vue3不同环境下实现配置代理
2022/05/25 Vue.js
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS