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实现简单的滑动导航代码(移动端)
May 22 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jquery实现下载图片功能
Jul 18 jQuery
详解jQuery中的prop()使用方法
Jan 05 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 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创建基本身份认证站点的方法详解
2013/06/08 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
php语言注释,单行注释和多行注释
2018/01/21 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
再谈javascript原型继承
2014/11/10 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
js跨域资源共享 基础篇
2016/07/02 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
2019/11/04 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
Python实现Youku视频批量下载功能
2017/03/14 Python
对Django中内置的User模型实例详解
2019/08/16 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
python小白学习包管理器pip安装
2020/06/09 Python
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
产品促销活动策划书
2014/01/15 职场文书
党员学习十八大感想
2014/01/17 职场文书
教学评估实施方案
2014/03/16 职场文书
一体化教学实施方案
2014/05/10 职场文书
代办委托书怎么写
2014/08/01 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
商场父亲节活动方案
2014/08/27 职场文书
超市采购员岗位职责
2015/04/07 职场文书
学校隐患排查制度
2015/08/05 职场文书
Java数组与堆栈相关知识总结
2021/06/29 Java/Android