网站建设做的好的公司,购物网站域名大小,宁波网站建设流程,淘客网站怎么做首页目录 1、url#xff1a;要发送请求的URL地址。
2、type#xff1a;请求的类型#xff0c;可选参数#xff0c;包括GET、POST、PUT、DELETE等#xff0c;默认为GET。
3、data#xff1a;要发送到服务器的数据#xff0c;可以是一个字符串、数组或对象。默认为null。
4…目录 1、url要发送请求的URL地址。
2、type请求的类型可选参数包括GET、POST、PUT、DELETE等默认为GET。
3、data要发送到服务器的数据可以是一个字符串、数组或对象。默认为null。
4、dataType从服务器返回的响应数据的类型可选参数括xml、json、html、text等默认为智能猜测。
5、contentType发送请求的数据格式可选参数 默认为application/x-www-form-urlencoded。常用的还有application/json。如果使用json格式发送请求需要设置该参数为application/json。
6、headersHTTP请求头的附加信息可以是一个对象用于设置自定义的请求头。
7、timeout设置请求超时的时间单位为毫秒默认为0即不设置超时。
8、async是否使用异步方式发送请求默认为true。
9、beforeSend在发送请求之前调用的函数。该函数可以用于修改请求前的参数。
10、complete请求完成后调用的函数无论请求成功或失败都会调用。
11、success请求成功后调用的函数。回调函数会接收到从服务器返回的数据作为参数。
12、error请求失败后调用的函数。回调函数会接收到HTTP错误信息作为参数。 完整代码案例
$.ajax({url: http://example.com/api/data,type: POST,data: { name: John, age: 30 },dataType: json,contentType: application/json,headers: { X-Auth-Token: abcdef123456 },timeout: 5000,async: true,beforeSend: function(xhr) {// 在发送请求之前修改请求头或数据xhr.setRequestHeader(X-Requested-With, XMLHttpRequest);},complete: function(xhr, status) {// 请求完成后的处理逻辑console.log(请求完成);},success: function(response) {// 处理成功的响应数据console.log(response);},error: function(xhr, status, error) {// 处理请求失败的情况console.log(请求失败 error);}
}); 1、url要发送请求的URL地址。 url: m/api/data, 2、type请求的类型可选参数包括GET、POST、PUT、DELETE等默认为GET。 发送GET请求 $.ajax({url: http://example.com/api/data?id1nameJohn,type: GET,success: function(response) {// 处理成功的响应数据console.log(response);},error: function(xhr, status, error) {// 处理请求失败的情况console.log(请求失败 error);}
}); 发送POST请求 $.ajax({url: http://example.com/api/data,type: POST,data: { name: John, age: 30 },success: function(response) {// 处理成功的响应数据console.log(response);},error: function(xhr, status, error) {// 处理请求失败的情况console.log(请求失败 error);}
}); 发送PUT请求 $.ajax({url: http://example.com/api/data,type: PUT,data: { name: John, age: 30 },success: function(response) {// 处理成功的响应数据console.log(response);},error: function(xhr, status, error) {// 处理请求失败的情况console.log(请求失败 error);}
}); 发送DELETE请求 $.ajax({url: http://example.com/api/data,type: DELETE,data: { id: 1 },success: function(response) {// 处理成功的响应数据console.log(response);},error: function(xhr, status, error) {// 处理请求失败的情况console.log(请求失败 error);}
}); 3、data要发送到服务器的数据可以是一个字符串、数组或对象。默认为null。 data: nameJohnage30, data: [1, 2, 3, 4, 5], data: { name: John, age: 30 }, 4、dataType从服务器返回的响应数据的类型可选参数括xml、json、html、text等默认为智能猜测。 dataType: json, dataType: xml, dataType: html, dataType: text, 5、contentType发送请求的数据格式可选参数 默认为application/x-www-form-urlencoded。常用的还有application/json。如果使用json格式发送请求需要设置该参数为application/json。 contentType: application/json, contentType: application/x-www-form-urlencoded, 6、headersHTTP请求头的附加信息可以是一个对象用于设置自定义的请求头。 headers: { X-Auth-Token: abcdef123456 }, 7、timeout设置请求超时的时间单位为毫秒默认为0即不设置超时。 timeout: 5000, 8、async是否使用异步方式发送请求默认为true。 async: true, 9、beforeSend在发送请求之前调用的函数。该函数可以用于修改请求前的参数。 beforeSend: function(xhr) { // 在发送请求之前修改请求头或数据 xhr.setRequestHeader(X-Requested-With, XMLHttpRequest); }, 10、complete请求完成后调用的函数无论请求成功或失败都会调用。 complete: function(xhr, status) { // 请求完成后的处理逻辑 console.log(请求完成); }, 11、success请求成功后调用的函数。回调函数会接收到从服务器返回的数据作为参数。 success: function(response) { // 处理成功的响应数据 console.log(response); }, 12、error请求失败后调用的函数。回调函数会接收到HTTP错误信息作为参数。 error: function(xhr, status, error) { // 处理请求失败的情况 console.log(请求失败 error); }
