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

时间:2021-05-26

本文实例汇总了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程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章