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 取时间差去掉周六周日实现代码
Dec 25 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
May 18 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 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自动获取目录下的模板的代码
2010/08/08 PHP
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
写自已的js类库需要的核心代码
2012/07/16 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
JS常用知识点整理
2017/01/21 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
jQuery实现基本淡入淡出效果的方法详解
2018/09/05 jQuery
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
详解Python中的日志模块logging
2015/06/19 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
python next()和iter()函数原理解析
2020/02/07 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
Python读写压缩文件的方法
2020/07/30 Python
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
四年的个人工作自我评价
2013/12/10 职场文书
留学推荐信写作指南
2014/01/25 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
新闻报道策划方案
2014/06/11 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
Python selenium的这三种等待方式一定要会!
2021/06/10 Python
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL