jquery实现Ajax请求的几种常见方式总结


Posted in jQuery onMay 28, 2019

本文实例讲述了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 相关文章推荐
jquery实现图片平滑滚动详解
Mar 22 jQuery
基于jQuery实现瀑布流页面
Apr 11 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
Vue中正确使用jQuery的方法
Oct 30 jQuery
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
jquery操作select常见方法大全【7种情况】
May 28 #jQuery
jQuery实现高级检索功能
May 28 #jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 #jQuery
jquery实现动态创建form并提交的方法示例
May 27 #jQuery
jquery实现动态改变css样式的方法分析
May 27 #jQuery
通过jQuery学习js类型判断的技巧
May 27 #jQuery
jQuery中使用validate插件校验表单功能
May 24 #jQuery
You might like
PHP采集腾讯微博的实现代码
2012/01/19 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
vue.js实现条件渲染的实例代码
2017/06/22 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
python画折线图的程序
2018/07/26 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
介绍一下.net和Java的特点和区别
2012/09/26 面试题
自荐信范文
2013/12/10 职场文书
销售冠军获奖感言
2014/02/03 职场文书
高一新生军训感言
2014/03/02 职场文书
新闻稿怎么写
2015/07/18 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
Go使用协程交替打印字符
2021/04/29 Golang