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编程起步(第二课)
Jan 10 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
Node 升级到最新稳定版的方法分享
May 17 Javascript
vue中倒计时组件的实例代码
Jul 06 Javascript
如何在项目中使用log4.js的方法步骤
Jul 16 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 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简单提示框alert封装函数
2010/08/08 PHP
用PHP实现的四则运算表达式计算实现代码
2011/08/02 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
Javascript 去除数组的重复元素
2010/05/04 Javascript
js中eval详解
2012/03/30 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
Python函数式编程实例详解
2020/01/17 Python
Django如何批量创建Model
2020/09/01 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
校本教研工作制度
2014/01/22 职场文书
公司开业庆典主持词
2014/03/21 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
python基础之文件处理知识总结
2021/05/23 Python