APICloud学习笔记之AJAX调用

最新推荐文章于 2021-12-22 15:28:03 发布

weixin_30388677

最新推荐文章于 2021-12-22 15:28:03 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuhailong/p/6595533.html

本文介绍了一个使用Apicloud进行H5页面登录的例子，包括了利用AJAX实现的POST请求，向指定URL发送包含用户名和密码的登录信息，并处理返回结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.H5页面

1 <div class="btn" tapmode onclick="fnLogin();">登录</div>

2.AJAX代码

 1 function fnLogin() {
 2     var username = $api.byId('username');
 3     var password = $api.byId('password');
 4     var usernameValue = username.value;
 5     var passwordValue = password.value;
 6 
 7     api.ajax({
 8         url: 'http://d.apicloud.com/mcm/api/user/login',
 9         method: 'post',
10         headers: {
11             "X-APICloud-AppId": "A6914327011091",
12             "X-APICloud-AppKey": "8ac17d22e49cb7982d82796097cec52a6c7cd01d.1475375422841"
13         },
14         data: {
15             values: {
16                 "username": usernameValue,
17                 "password": passwordValue
18             }
19         }
20     }, function(ret, err) {
21         if (ret) {
22             //alert(JSON.stringify(ret));
23             $api.setStorage('userInfo', ret);
24             api.alert({
25                 title: '提示',
26                 msg: '登录成功',
27             }, function(ret, err) {
28                 if (ret) {
29                     api.closeToWin({
30                         name: 'main'
31                     });
32                 } else {
33                     alert(JSON.stringify(err));
34                 }
35             });
36         } else {
37             alert(JSON.stringify(err));
38         }
39     });
40 }