jQuery调用ajax请求的常见方法汇总
jQuery调用ajax请求的常见方法汇总
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例汇总了jQuery调用ajax请求的常见方法。分享给大家供大家参考。具体如下:示例代码1$.ajax('/ROUTE',{type:...

本文实例汇总了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教程学习
热门Javascript教程学习
编程开发子分类