jquery中封装了一些ajax请求的方法，很实用。
比如
.ajaxComplete()——请求完成时
.ajaxError()——请求失败时
.ajaxSend()——在Ajax请求发送时附加一个function去执行
.ajaxStart()——请求开始时，
.ajaxStop()——请求结束时
.ajaxSuccess()——请求成功时
.load()——从服务端加载数据并将返回的HTML替换到选择的元素中
jQuery.post()——使用HTTP POST请求加载服务端数据
.serialize()——将form元素集编码成一个字符串以便提交
.serializeArray()——将form元素集编码成一个键值对数组
jQuery.param()——创建一个序列化的数组或对象，使得适用于一个URL查询字符串或者Ajax请求
jQuery.getScript()——从服务端加载一个js文件，然后执行它
jQuery.getJSON()——从服务端加载用JSON编码过的数据
jQuery.get()——从服务端加载数据简单说其中两点
一、.ajaxStart()和.ajaxStop()
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="test/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.log1').ajaxStart(function() {
$(this).text('Triggered ajaxStart handler.');
});
$('.log2').ajaxStop(function() {
$(this).text('Triggered ajaxStop handler.');
});
$('.trigger').click(function() {
$('.result').load('xixi.html');
});
});
</script>
</head>
<body>
<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log1"></div>
<div class="log2"></div>
</body>
</html>
代码中class为result的元素load了一个xixi.html,此文件中的内容随便，只要存在这个文件就行。js执行方法的顺序是
先
复制代码 代码如下:
$(this).text('Triggered ajaxStart handler.');
然后
加载晚xixi.html里的内容到class为result的元素中
最后
复制代码 代码如下:
$(this).text('Triggered ajaxStop handler.');
二、.ajaxSend()、.ajaxComplete()、.ajaxSuccess()以及.ajaxError()
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="test/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.log1').ajaxStart(function() {
$(this).text('Triggered ajaxStart handler.');//【1】
});
$('.log2').ajaxStop(function() {
$(this).text('Triggered ajaxStart handler.');//【5】
});
$('.result').ajaxSend(function() {
$(this).text('Triggered ajaxSend handler.');//【2】
});
$('.result').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');//【4】
});
$('.result').ajaxSuccess(function() {
$(this).text('Triggered ajaxSuccess handler.');//【3】
});
$(".result").ajaxError(function() {
$(this).text( "Triggered ajaxError handler." );
});
$('.trigger').click(function() {
$('.result').load('xixi.html');
});
});
</script>
</head>
<body>
<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log1"></div>
<div class="log2"></div>
</body>
</html>
上述代码中还是class为result的加载一个html文件。
执行顺序代码中已经标出
如果请求过程中出现什么错误，比如说文件不存在等，就会执行.ajaxError()中的方法而不是.ajaxSuccess()中的。
以前总是对ajax认识很乱，现在有个全面的认识，总结一下，希望共同学习，另外请求中的方式是HTTP GET还是HTTP POST也是值得研究的。
jquery中介绍ajax的地址ajax的使用
相关推荐：
高效创作新时代AI文案速写工具，让创作更轻松
SEO网络营销：如何通过精准优化提升品牌价值,青州建设网站电话
SEO获客的秘诀：如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名
如何下载免费AI软件，让你的工作和生活更智能
为什么说seo这么重要，seo重要吗 ,ai19920403
从语言助手到智能生活伙伴，未来的智能助手如何改变我们的生活,网站建设分站公司
“关键词指白”：揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
ChatGPT中显示已进行一处编辑，但看不到内容？你需要了解的隐藏问题！,ai敲
什么是秀米？全方位了解这款微信公众号排版神器,宁波全网营销型网站建设
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
《SEO教材：打造网站流量的核心利器，教你轻松SEO优化技巧》,咖啡网站建设总结文案
SEO能够助力网站流量增长，提升品牌竞争力,Seo网站排名原理
seo站内关键词优化，seo关键词优化经验技巧 ,ai 优点
目前最火的AI软件有哪些？深度解析必备工具
SEO优化关键技巧：提升网站排名的实战攻略,科大讯飞ai论文写作软件
SEO埋词技巧，如何提升网站排名？,贵州营销推广方法
ChatGPT付款被拒？如何应对与解决常见支付问题,掉包ai
Chatttst：开启智能沟通新时代的无限可能,上海联通ai
SEO用户：如何为您的网站带来持续流量和转化,惠州网站推广哪个好
SEO符合：提升网站排名的秘诀，助力企业赢在搜索引擎优化的赛道,优化没续费 网站没了
SEO针对中小企业的增长潜力：如何通过精准优化抢占市场先机,网络推广和营销就选y火10星评价
ChatGPT页面无法下拉？禁用浏览器扩展，轻松解决！,imba 1.6 ai
seo网络上什么意思，seo表示什么 ,如何避免今日头条ai写作检测
seo需要什么人才，seo需要做什么工作 ,探索ai照片
ChatGPT页面无法访问？解决方案，让你轻松摆脱困扰！,ai染发颜色
SEO获取流量的必杀技：如何通过优化轻松提升网站排名,德州全网营销推广价格
“新关键词”开启智慧营销新篇章，助力品牌突围,自己如何做网站seo
AI免费写作一键生成，效率与创意的完美结合
SEO基础知识解析：如何提升网站排名，助力企业成长,毕节企业建设网站
2025百度收录优化：提升网站排名，助力企业数字化转型,第一ai做
SEO地址优化的秘诀：提升网站排名与流量的关键,临沂如何优化网站关键词
SEO趋势：2025年搜索引擎优化的未来发展,河南省营销推广系统官网
代哥SEO-让您的网站迅速登顶搜索引擎的秘密武器,济南关键词的排名优化
seo矩阵运营中心是什么，seo矩阵运营中心是什么意思啊 ,北京ai特效
SEO搜索关键词是什么意思？全方位解析关键词优化的核心要素,lol ai图片
OpenPose大白话解释：让你轻松理解姿态识别的神奇技术,ai天天晴
怎么用AI写出令人惊叹的文章？轻松搞定写作难题！
为什么选择收录网站是企业在线营销的必备策略,全网营销与推广
ChatGPT-01：开创人工智能新纪元,AI如何画模糊的云层
ChatGPT对于大数据发展的帮助：赋能行业变革，推动智能化未来,ai写作真的好吗
SEO才能：提升网站排名，突破网络营销的核心竞争力,南宁本地seo营销公司
SEO资讯：最新趋势，提升网站排名，快速突破流量瓶颈,廊坊seo推广咨询服务
SEO建站，开启网站优化的全新篇章！,网络营销推广合作方式
从“官网扒下来”看企业数字化转型的未来,摄影营销策略推广文案
seo需要会什么技术呢，seo需要会什么技术呢知乎 ,红色框ai
ChatGPT充值打不开？这几招教你轻松解决问题！,免费的ai写作绘图
seo用什么法宝，列出5种seo赚钱方式 ,ai怎么更改文档样式
SEO单页网站：助力企业在线营销的一站式解决方案,湖南视频网站优化方式
WPJam：打破网站管理的壁垒，打造极致用户体验,广东谷歌seo工具
seo相当于什么职业，seo相当于什么职业类别 ,usatisfy ai
新闻资讯
常见问题