码迷,mamicode.com
首页 > Web开发 > 详细

ajax配置项中的type与method

时间:2019-06-03 12:44:19      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:ref   user   jquery   success   eth   登录   页面   div   size   

1. jQuery中ajax配置项中的使用type与method的区别

本质上两个配置项是没有区别的,区别在于两者出现的时间不同,type对于目前jQuery的版本全部兼容,也就是说
 1 $.ajax({
 2         type: POST,
 3         url: /login,
 4         dataType: json,若出现跨域请求请使用jsonp
 5         data: {
 6             userName: userName,
 7             password: password
 8         },
 9         success: function (e) {
10             if (e.code == 200) {
11                 //这里登录成功后进行页面跳转
12                 window.location.href = /index;
13                 alert(e.message);
14             } else {
15                 alert(e.message);
16             }
17         },
18         error: function () {
19             alert("Error!");
20         }
21     });
这种方式书写,type类型是GET就是GET请求,是POST请求就是POST请求。

 

 

2. 在jQuery1.9以后的版本中使用ajax时,可以使用如下方式

 1 $.ajax({
 2         method: POST,这里不同了
 3         url: /login,
 4         data: {
 5             userName: userName,
 6             password: password
 7         },
 8         success: function (e) {
 9             if (e.code == 200) {
10                 window.location.href = /index;
11                 alert(e.message);
12             } else {
13                 alert(e.message);
14             }
15         },
16         error: function () {
17             alert("Error!");
18         }
19     });
实现的功能是一样的,但是如果此时你引入的jQuery的js文件版本太旧,就会出现请求全是以默认方式GET进行的,所以会出现一些无厘头的bug。在这里记录一下,也方便日后学习!

ajax配置项中的type与method

标签:ref   user   jquery   success   eth   登录   页面   div   size   

原文地址:https://www.cnblogs.com/smile-fanyin/p/10966671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!