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

$.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 }); });

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgfyxy.html