sencha touch《实现ajax跨域请求》

最新推荐文章于 2021-08-06 22:14:14 发布

原创最新推荐文章于 2021-08-06 22:14:14 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sencha touch #ajax #CORS #play

移动开发专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用Sencha Touch 2.3.1和Play框架2.2.0实现HTTP登录请求的过程，包括了前端发送Ajax请求至服务器验证用户名和密码，并获取响应中的电子邮件信息。同时，通过Play框架的`CorsAction`类实现了跨域资源共享（CORS）。本文还提供了相关Java代码示例，涵盖了控制器方法和CORS配置。

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

【环境说明】

1、sencha touch : 2.3.1

2、play : 2.2.0

3、chrome

【代码示例】

1、sencha touch

 Ext.Ajax.request({
        url:'http://10.228.190.97:9000/login'+"/"+userName+"/"+password,
        useDefaultXhrHeader : false,
        success: function(result, request) {
            var respText =  Ext.JSON.decode(result.responseText); 
            alert(respText.email);
        }
    });

2.1、play -- UserController.java

@With(CorsAction.class)
public class UserController extends Controller{
   @Transactional
   public static Result login(String _dc, String username, String userpwd) {
     Contact contact = Contact.login(username, userpwd);
     return ok(parser(contact));
   }
}

2.2、play -- CorsAction.java

public class CorsAction extends Action.Simple {
    public Promise<SimpleResult> call(Context context) throws Throwable{
        Response response = context.response();
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Headers","X-Requested-With");
        return delegate.call(context);
    }
}

【截图演示】