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实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
jQuery tip提示插件(实例分享)
Apr 28 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery实现简单日历效果
Jul 05 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
jQuery实现简单全选框
Sep 13 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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
一个用于网络的工具函数库
2006/10/09 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
Javascript 读书笔记索引贴
2010/01/11 Javascript
js 获取服务器控件值的代码
2010/03/05 Javascript
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
node.js中的fs.rmdirSync方法使用说明
2014/12/16 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
javascript基于定时器实现进度条功能实例
2017/10/13 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
Python中交换两个元素的实现方法
2018/06/29 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
django框架cookie和session用法实例详解
2019/12/10 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
美国在线医疗分销商:MedEx Supply
2020/02/04 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
生产车间实习自我鉴定
2013/09/23 职场文书
会计实习期自我鉴定
2013/10/06 职场文书
英语专业推荐信
2013/11/16 职场文书
运动会获奖感言
2014/02/11 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
监护人证明
2015/06/19 职场文书
劳动模范获奖感言
2015/07/31 职场文书