sencha touch《实现ajax跨域请求》

本文详细介绍了如何使用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);
    }
}


【截图演示】






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值