`

sencha touch中JsonP跨域访问返回JSON字符串

阅读更多
客户端JS代码

Ext.data.JsonP.request({
                url: 'http://localhost:8888/login.do?method=phoneLogin',
                params:{
                    loginId:nameValue,
                    password:passwordValue
                },
                callbackKey: 'callback',
                callback:function(result){
                    Ext.Msg.alert(result);
                },
                success: function(response) {
                    if(response.success==true){
                        this.redirectTo('loadmain');
                    }else{
                        Ext.Msg.alert('登录失败',response.msg);
                    }
                },
                failure: function() {
                    Ext.Msg.alert('请求失败','AJAX请求发送失败!');
                }
            });


服务端 代码
        JSONObject result = new JSONObject();
        String callback = request.getParameter("callback");
        result.put("success",true);
        modelMap.put("jsonstring",callback+"("+result.toString()+")");

返回值要加上传过来的 callback回调函数,这样在客户端解析才不会抛出invalid label错误.
分享到:
评论

相关推荐

    Sencha touch 2.0 of JsonP

    在Sencha Touch中,元数据对于构建数据模型和理解数据结构至关重要。 7. **app**: 可能是另一个目录,包含了应用的其他组件,如视图、模型、控制器等。 在Sencha Touch 2.0中,使用JsonP通常涉及以下步骤: 1. ...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    2. **示例代码**:包含许多实际应用的例子,展示了如何在项目中使用Sencha Touch的各种功能。 3. **快速入门指南**:针对初学者的教程,引导他们快速上手Sencha Touch的开发环境和基本操作。 4. **用户手册**:...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    Sencha Touch 2 MVC Demo 本地Json访问数据

    本示例主要关注如何在Sencha Touch 2应用中实现本地JSON数据的访问和展示。 1. **MVC架构**: MVC是一种软件设计模式,常用于创建用户界面,将业务逻辑、数据和界面显示分离。在Sencha Touch 2中,模型(Model)...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    sencha touch 登陆界面

    在Sencha Touch中,登录界面通常会包含两个主要的视图组件:一个输入框(TextField)用于用户输入用户名,另一个输入框用于密码,以及一个按钮(Button)用于提交登录请求。你可能还会使用一个加载指示器(Loading ...

    Sencha Touch in Action

    5. 触摸事件处理:讲解在Sencha Touch中如何响应用户的触摸操作。 6. 数据管理:介绍如何使用数据包(Data Package)来管理应用中的数据。 7. 动画与过渡效果:展示如何使用Sencha Touch提供的动画效果来增强用户...

    sencha touch项目源码

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...

    Sencha Touch开发的项目《般若人生》源码

    《般若人生》是一款基于Sencha Touch框架开发的移动应用项目。Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够...

    sencha touch list demo

    在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...

    一个完整的sencha touch 应用案例

    5. **config.xml**:在Sencha Touch中,这个文件可能用于配置应用程序的元数据,比如应用的名称、版本、图标、启动画面等,通常是针对PhoneGap或Cordova这样的混合应用开发环境。 6. **resource**:这个文件夹可能...

    senchaTouch和fusioncharts结合的实例

    4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...

    sencha touch在VScode上的插件

    标题中的"Sencha Touch在VScode上的插件"指的是为VSCode开发的扩展,目的是为了在VSCode环境中更好地支持Sencha Touch的开发工作。这样的插件通常会提供代码提示、自动完成、错误检查、格式化等特性,提升开发效率。...

    Sencha Touch 2入门教程之MVC

    在本教程中,我们将学习如何使用Sencha Touch 2的MVC模式来开发一个登录界面。Sencha Touch 2是一个基于HTML5和CSS3的移动应用框架,能够快速开发跨平台的移动应用程序。在本教程中,我们将学习如何使用Sencha Touch...

    sencha touch 2.4.0最新版

    在Sencha Touch 2.4.0版本中,有几个关键的知识点值得关注: 1. **性能优化**:2.4.0版本针对移动设备的性能进行了优化,减少了内存占用和渲染时间,提高了应用的启动速度和整体用户体验。 2. **新UI组件**:此...

    Sencha Touch2环境搭建

    本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境,以及在实际项目中可能会遇到的一些关键点。 首先,我们需要确保计算机上已经安装了以下基础工具: 1. **Web服务器** - Sencha Touch 应用通常运行在Web...

    sencha touch2 ajax 获取数据

    在示例中,`type: 'json'`表明服务器返回的是JSON格式的数据。`root: undefined`通常用于指定数据数组的根节点,但在这里设置为`undefined`意味着框架会尝试自动检测数据结构。 #### 监听器(Listeners) `...

    Sencha Touch显示本地josn数据

    在Sencha Touch中,我们通常会用它来存储和传输数据。 1. **创建本地JSON数据文件**: 在项目中,创建一个`.json`文件,例如`data.json`,并存储你需要显示的数据。例如: ```json [ {"id":1, "name":"Item 1",...

    sencha touch动态加载组件

    1. **使用Ext.container.Viewport**:这是Sencha Touch中的主容器,可以包含一个或多个子组件。你可以根据需求动态添加或移除这些子组件。例如,当用户导航到新的页面或视图时,可以销毁当前的Viewport内容并加载新...

Global site tag (gtag.js) - Google Analytics