`
fanfq
  • 浏览: 269808 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

phonegap-connection

阅读更多
在原有的demo基础上添加了jquery提交http请求以及返回数据的json解析。jquery不太熟好多年不用了,看样子要抓紧时间复习一下了。

index.html
<script type="text/javascript" charset="utf-8" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
<script type="text/javascript" charset="utf-8">

    // Wait for Cordova to load
    // 
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is loaded and it is now safe to make calls Cordova methods
    //
    function onDeviceReady() {
        checkConnection();
    }

    function checkConnection() {
        var networkState = navigator.network.connection.type;

        var states = {};
        states[Connection.UNKNOWN]  = 'Unknown connection';
        states[Connection.ETHERNET] = 'Ethernet connection';
        states[Connection.WIFI]     = 'WiFi connection';
        states[Connection.CELL_2G]  = 'Cell 2G connection';
        states[Connection.CELL_3G]  = 'Cell 3G connection';
        states[Connection.CELL_4G]  = 'Cell 4G connection';
        states[Connection.NONE]     = 'No network connection';
// alert('Connection type: ' + states[networkState]+data);
		
		
    }
$.get("http://192.168.0.100:8080/testserver/TestServlet", function(data) {
var dataObj=eval("("+data+")");//这步比较重要将字符串转json对象
//if(dataObj.rows.length == 0) return;
$.each(dataObj.rows,function(idx,item){ 
//alert(item.item1+",value:"+item.item2);
$("#msg").append("<li>item1:" + item.item1+ "&nbsp; item2:" + item.item2+ "</li>");
});	
});
</script>


TestServlet.java 写了和servlet做测试用的,你可以用别的实现。
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
//中文乱码问题
        JSONObject jsonObj = new JSONObject();
        
        JSONArray jsonArr = new JSONArray();
        JSONObject jsonObjArr = new JSONObject();  
        JSONObject jsonObjArr1 = new JSONObject();  
    
        try {  
    
           jsonObjArr.put("item1", "a");  
           jsonObjArr.put("item2", "b");  
           jsonArr.put(jsonObjArr);
           
           jsonObjArr1.put("item1", "c");  
           jsonObjArr1.put("item2", "d");  
           jsonArr.put(jsonObjArr1);
           jsonObj.put("rows", jsonArr);
           System.out.println(jsonObj.toString());  
 	     //{"rows":[{"item2":"b","item1":"a"},{"item2":"d","item1":"c"}]}           
           out.print(jsonObj.toString());
           out.close();
    
        } catch (JSONException e) {  
           e.printStackTrace();  
        }  
}
分享到:
评论

相关推荐

    phonegap-infotelefono:电话间隙。 获取手机数据的插件

    7. **设备API**:PhoneGap提供了一系列的设备API,如Device API(获取设备信息)、Battery Status API(电池状态)、Connection API(网络连接状态)等。phonegap-infotelefono插件扩展了这些API,增加了电话相关的...

    phoneGap开发包

    5. **设备API**:PhoneGap 2.3.0提供了多种设备API,例如设备信息(device)、加速计(accelerometer)、照相机(camera)、文件系统(file system)、地理位置(geolocation)、网络状态(connection)等。...

    PhoneGap实例

    5. **网络状态检测**:`connection` API可以帮助开发者检查设备的网络状态,如WiFi、蜂窝数据等,从而实现离线模式或者优化网络通信。 6. **事件处理**:PhoneGap支持设备特定的事件,如`deviceready`(表示...

    Phonegap_API_中文版

    8. **网络状态检测**:PhoneGap提供了检查网络连接状态的API,如`navigator.connection.type`,这对于网络依赖性应用非常重要。 9. **加速计和陀螺仪**:如果你的应用需要检测设备的物理运动,可以使用...

    phonegap入门经典源码

    6. 网络状态检测:PhoneGap的网络连接API(`navigator.connection`)可以帮助开发者检测设备的网络状态,如在线、离线,甚至区分不同类型的网络连接。这部分可能解释如何使用`navigator.connection.type`。 7. 位置...

    phonegap api中文手册

    5. **Connection(网络连接)** - 检测当前的网络状态,如是否连接到Wi-Fi或蜂窝数据。 - 方法`checkNetwork()`可用于获取当前的网络连接类型。 6. **Contacts(联系人)** - 访问设备的联系人数据库,读取或...

    phonegap:几个 phonegap 插件示例(Vibracal、Geolocation、Beep、Internet Connection 等)

    这个压缩包文件 "phonegap-master" 可能包含了一些 PhoneGap 的示例项目,展示了如何集成和使用不同的插件来扩展 PhoneGap 应用的功能。以下是关于 PhoneGap 及其相关插件的知识点: 1. **PhoneGap 基础**: - ...

    PhoneGap的API组件及使用方法

    2. **网络状态** (Connection): 通过`navigator.connection`对象,开发者可以检测设备的网络连接状态,如WiFi、蜂窝数据或离线模式。 3. **媒体** (Media): 这个API允许录制和播放音频文件,提供了`Media`对象用于...

    20 Recipes for Programming PhoneGap

    - **实现方式**:使用`navigator.connection`对象来检查网络类型和连接状态。 ### 五、检测网络状态变化 - **知识点说明**:当网络状态发生变化时(如从Wi-Fi切换到移动数据),应用需要做出响应。 - **实现方式**...

    html5框架PhoneGap API详解笔记(ppt及word版)

    2. **网络状态API(Connection API)**:检测设备的网络连接类型(如WiFi、蜂窝网络)和连接状态。 3. **媒体API(Media API)**:录制和播放音频文件。 4. **地理定位API(Geolocation API)**:获取设备的经纬度、...

    Phonegap API Demo(New)

    `navigator.connection`对象提供了`type`属性,可以返回`Connection.UNKNOWN`, `Connection.ETHERNET`, `Connection.WIFI`, `Connection.CELL_2G`, `Connection.CELL_3G`, `Connection.CELL_4G`, 或 `Connection....

    【DOC】PhoneGap_API

    5. Connection:网络连接API监测设备的网络状态,包括WiFi、蜂窝数据等。这个API在所有列出的平台上都被标记为支持,对于开发依赖网络的应用至关重要。 6. Contacts:联系人API允许读取、创建、更新和删除设备上的...

    使用phonegap检测网络状态的方法

    这些类型包括 `Connection.UNKNOWN`、`Connection.ETHERNET`、`Connection.WIFI`、`Connection.CELL_2G`、`Connection.CELL_3G`、`Connection.CELL_4G` 和 `Connection.NONE`。为了将这些枚举值转换为易于理解的文本...

    connectionManager:用于管理 TCP 套接字连接和 HTTP GETPOST 请求的 Phonegap 插件

    综上所述,"connectionManager"插件在Phonegap环境中扮演着重要的角色,它提供了对TCP套接字连接和HTTP请求的管理,使得基于JavaScript的移动应用能够访问到这些底层网络功能,从而实现更复杂、更高效的应用逻辑。...

    學習Android

    - **混合应用开发**:也可以使用如App Inventor、PhoneGap等工具开发跨平台的应用程序。 - **注意事项**:关注屏幕尺寸、内存限制等因素,这些都会影响应用的设计与性能。 #### 结论 通过本课程的学习,学员将逐步...

    android判断phonegap是否联网且加载super.loadUrl网址

    本文将详细讨论如何在Android环境下,结合PhoneGap实现动态加载网页,并根据网络状况决定加载远程还是本地资源。 首先,我们来看一下提供的代码片段。在`onCreate`方法中,我们初始化PhoneGap应用并设置启动画面: ...

    安卓Android源码——使用html5得到手机设备信息的.zip

    6. 网络状态:HTML5的`navigator.connection`对象可以用来检测网络连接类型,如WiFi、蜂窝数据或离线状态。 7. 存储信息:虽然HTML5的`window.localStorage`和`window.sessionStorage`可以用于本地数据存储,但获取...

Global site tag (gtag.js) - Google Analytics