jQuery调用ajax请求的常见方法汇总


Posted in Javascript onMarch 24, 2015

本文实例汇总了jQuery调用ajax请求的常见方法。分享给大家供大家参考。具体如下:

示例代码1

$.ajax('/ROUTE', {
 type: 'GET'
 data: {param1: 'Hello', param2: 'World'},
 dataType: 'json',
 contentType: 'application/json',
 timeout: 3000,
 success: function(response) {
  // console.log(response.something);
 },
 error: function(request, errorType, errorMessage) {
  // console.log("[" + errorType + "] " + errorMessage);
 },
 beforeSend: function() {
  // do something like .addClass('is-fetching')
 },
 complete: function() {
  // do something like removeClass('is-fetching')
 }
});

示例代码2

$.get('/ROUTE', function(response) {
 // success (response: HTML)
});
 
$.getJSON('/ROUTE', function(response) {
 // success (response: JSON)
});

示例代码3

$('form').on('submit', function(event) {
 event.preventDefault();
 var formData = $(this).serialize();
 $.ajax($(this).attr('action'), {
  type: $(this).attr('method'),
  data: formData,
  dataType: 'json',
  contentType: 'application/json',
  success: function(response) {},
  error: function(request, errorType, errorMessage) {},
  beforeSend: function() {},
  complete: function() {},
  timeout: 3000
 });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js禁止document element对象选中文本实现代码
Mar 21 Javascript
超炫的jquery仿flash导航栏特效
Nov 11 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
了解JavaScript函数中的默认参数
May 30 Javascript
JSONP之我见
Mar 24 #Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 #Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 #Javascript
jQuery定义背景动态切换效果的方法
Mar 23 #Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 #Javascript
jQuery实现拖拽效果插件的方法
Mar 23 #Javascript
jQuery操作表单常用控件方法小结
Mar 23 #Javascript
You might like
一段防盗连的PHP代码
2006/12/06 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
这段js代码得节约你多少时间
2011/12/20 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
jQuery实现Select下拉列表进行状态选择功能
2017/03/30 jQuery
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
python模块之re正则表达式详解
2017/02/03 Python
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
对python中的pop函数和append函数详解
2018/05/04 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
牛津在线药房:Oxford Online Pharmacy
2020/11/16 全球购物
电脑教师的自我评价
2013/12/18 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
公司副总经理任命书
2014/06/05 职场文书
销售人员工作自我评价
2014/09/21 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
公积金具结保证书
2015/05/11 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技