在原有的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+ " 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();
}
}
分享到:
相关推荐
7. **设备API**:PhoneGap提供了一系列的设备API,如Device API(获取设备信息)、Battery Status API(电池状态)、Connection API(网络连接状态)等。phonegap-infotelefono插件扩展了这些API,增加了电话相关的...
5. **设备API**:PhoneGap 2.3.0提供了多种设备API,例如设备信息(device)、加速计(accelerometer)、照相机(camera)、文件系统(file system)、地理位置(geolocation)、网络状态(connection)等。...
5. **网络状态检测**:`connection` API可以帮助开发者检查设备的网络状态,如WiFi、蜂窝数据等,从而实现离线模式或者优化网络通信。 6. **事件处理**:PhoneGap支持设备特定的事件,如`deviceready`(表示...
8. **网络状态检测**:PhoneGap提供了检查网络连接状态的API,如`navigator.connection.type`,这对于网络依赖性应用非常重要。 9. **加速计和陀螺仪**:如果你的应用需要检测设备的物理运动,可以使用...
6. 网络状态检测:PhoneGap的网络连接API(`navigator.connection`)可以帮助开发者检测设备的网络状态,如在线、离线,甚至区分不同类型的网络连接。这部分可能解释如何使用`navigator.connection.type`。 7. 位置...
5. **Connection(网络连接)** - 检测当前的网络状态,如是否连接到Wi-Fi或蜂窝数据。 - 方法`checkNetwork()`可用于获取当前的网络连接类型。 6. **Contacts(联系人)** - 访问设备的联系人数据库,读取或...
这个压缩包文件 "phonegap-master" 可能包含了一些 PhoneGap 的示例项目,展示了如何集成和使用不同的插件来扩展 PhoneGap 应用的功能。以下是关于 PhoneGap 及其相关插件的知识点: 1. **PhoneGap 基础**: - ...
2. **网络状态** (Connection): 通过`navigator.connection`对象,开发者可以检测设备的网络连接状态,如WiFi、蜂窝数据或离线模式。 3. **媒体** (Media): 这个API允许录制和播放音频文件,提供了`Media`对象用于...
- **实现方式**:使用`navigator.connection`对象来检查网络类型和连接状态。 ### 五、检测网络状态变化 - **知识点说明**:当网络状态发生变化时(如从Wi-Fi切换到移动数据),应用需要做出响应。 - **实现方式**...
2. **网络状态API(Connection API)**:检测设备的网络连接类型(如WiFi、蜂窝网络)和连接状态。 3. **媒体API(Media API)**:录制和播放音频文件。 4. **地理定位API(Geolocation API)**:获取设备的经纬度、...
`navigator.connection`对象提供了`type`属性,可以返回`Connection.UNKNOWN`, `Connection.ETHERNET`, `Connection.WIFI`, `Connection.CELL_2G`, `Connection.CELL_3G`, `Connection.CELL_4G`, 或 `Connection....
5. Connection:网络连接API监测设备的网络状态,包括WiFi、蜂窝数据等。这个API在所有列出的平台上都被标记为支持,对于开发依赖网络的应用至关重要。 6. Contacts:联系人API允许读取、创建、更新和删除设备上的...
这些类型包括 `Connection.UNKNOWN`、`Connection.ETHERNET`、`Connection.WIFI`、`Connection.CELL_2G`、`Connection.CELL_3G`、`Connection.CELL_4G` 和 `Connection.NONE`。为了将这些枚举值转换为易于理解的文本...
综上所述,"connectionManager"插件在Phonegap环境中扮演着重要的角色,它提供了对TCP套接字连接和HTTP请求的管理,使得基于JavaScript的移动应用能够访问到这些底层网络功能,从而实现更复杂、更高效的应用逻辑。...
- **混合应用开发**:也可以使用如App Inventor、PhoneGap等工具开发跨平台的应用程序。 - **注意事项**:关注屏幕尺寸、内存限制等因素,这些都会影响应用的设计与性能。 #### 结论 通过本课程的学习,学员将逐步...
本文将详细讨论如何在Android环境下,结合PhoneGap实现动态加载网页,并根据网络状况决定加载远程还是本地资源。 首先,我们来看一下提供的代码片段。在`onCreate`方法中,我们初始化PhoneGap应用并设置启动画面: ...
6. 网络状态:HTML5的`navigator.connection`对象可以用来检测网络连接类型,如WiFi、蜂窝数据或离线状态。 7. 存储信息:虽然HTML5的`window.localStorage`和`window.sessionStorage`可以用于本地数据存储,但获取...