jquery实现Ajax请求的几种常见方式总结
本文实例讲述了jquery实现Ajax请求的几种常见方式。分享给大家供大家参考，具体如下：
用原生的javascript开发ajax有着许多重复的代码，当然你也可以封装成可以复用的js代码，但却不一定那么通用。但jquery 提供的几种AJAX请求的几种方式，从简单到复杂，有更多的选择空间，下面总结几种在项目中常用的jquery ajax请求的方式，由于AJAX 与语言不相关，所以省略后台语言部分，重点放在前端。
1. 用jquery 的
load()方法实现ajax请求
2. 用jquery 的post(),get()方法
3. 用jquery 的Ajax()方法，这个最强悍.
1. 用jquery 的 load() 方法实现ajax请求
格式如下:
$('#mydiv').load('/myrequest/url/param')
这里的 "mydiv" 是要加载内容的区域 /myrequest/url/param 是你要请求的服务端的 URL. 一旦得到结果，就会把服务端返回的内容显示在 mydiv 区域中.
2. 用jquery 的 post() ,get() 方法
其实这也就是对应 http 请求中的 POST,GET,
基本格式如下
$post('/myrequest/url/param',
{
text:"mytext",
other:"other_param"
},
// 调用服务端成功后的回调函数
function(){
alert('succeccd');
}
)
$get 的操作方式类似.就不在多说了.
3. 用jquery 的 Ajax() 方法
这个估计也是一般项目中最常见的请求方法了，因为他的功能最强大，能完成各种需求的ajax请求:
可以指定返回的类型: xml,html,或者json 格式
可以指定 beforeSend,error,success,complete 这些事件发生时的回调函数
可以用参数来指定ajax 请求过期的时间，比如服务端没有响应等.
基本格式如下：
$.ajax({
async:false,//同步，异步
url:"/addjoke", //请求的服务端地址
data:{
content:mycontent,
title:joketitle,
d:Math.random()
},
type:"post",
dataType:"text",
success:function(data){
//成功之后的处理，返回的数据就是 data
}
error:function(){
alert('error'); //错误的处理
}
});
这些东西不需要死记硬背，知道有这么个东西就行了，用的时候拿出来参考下就好了，jquery的ajax请求就这么几种方式，看实际情况自己选择采用哪种方式.
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
JQuery查找子元素find()和遍历集合each的方法总结
下面小编就为大家带来一篇JQuery查找子元素find()和遍历集合each的方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要为大家详细介绍了jquery版轮播图效果，以及extend扩展的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了jquery的方法属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2021-11-11
jQuery中bind,live,delegate与one方法的用法及区别解析
本篇文章主要是对jQuery中bind,live,delegate与one方法的用法及区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jQuery实现ajax的嵌套请求,结合具体实例形式分析了ajax嵌套请求的原理、实现方法及相关操作注意事项,需要的朋友可以参考下2019-02-02
Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE不支持2014-08-08
下面小编就为大家带来一篇Jquery on方法绑定事件后执行多次的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制的2D堆柱状图效果,结合完整实例形式分析了jQuery插件HighCharts绘制2D柱状图的实现技巧与相关注意事项,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了使用jQuery实现input数值增量和减量的方法,实例分析了Bootstrap TouchSpin插件的用法,是非常实用的技巧,需要的朋友可以参考下2015-01-01
浏览器端跨域访问一直是个问题, 多数研发人员对待js的态度都是好了伤疤忘了疼,所以病发的时候,时不时地都要疼上一疼.记得很久以前使用iframe 加script domain 声明,yahoo js util 的方式解决二级域名跨域访问的问题.2009-12-12
最新评论