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 05 jQuery
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery实现视频展示效果
May 30 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
jQuery实现电梯导航模块
Dec 22 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 URL路由类实例
2013/11/12 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
javascript实现表单验证
2016/01/29 Javascript
json的使用小结
2016/06/08 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
儿童编程python入门
2018/05/08 Python
Python日期时间Time模块实例详解
2019/04/15 Python
详解PANDAS 数据合并与重塑(join/merge篇)
2019/07/09 Python
python路径的写法及目录的获取方式
2019/12/26 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
管理学专业个人求职信范文
2013/09/21 职场文书
小学体育教学反思
2014/01/31 职场文书
求职信的最佳写作思路
2014/02/01 职场文书
企业员工培训感言
2014/02/26 职场文书
数学教育专业求职信
2014/07/22 职场文书
商场收银员岗位职责
2015/04/07 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书
创业计划书之废品回收
2019/09/26 职场文书
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫