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高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
JS的replace方法详细介绍
Nov 09 Javascript
jQuery探测位置的提示弹窗(toolTip box)详细解析
Nov 14 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
Javascript中String的常用方法实例分析
Jun 13 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
Nov 30 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
countUp.js实现数字动态变化效果
Oct 17 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
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
javascript类型转换示例
2014/04/29 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
2017/12/24 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
python共享引用(多个变量引用)示例代码
2013/12/04 Python
分析python切片原理和方法
2017/12/19 Python
python实现猜单词小游戏
2020/05/22 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
详解python 内存优化
2020/08/17 Python
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
化工专业推荐信范文
2013/11/28 职场文书
承诺书范文
2014/06/03 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
业务员岗位职责范本
2015/04/03 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书