phonegap-connection-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_13768/article/details/82410763

本文介绍了一个使用jQuery发起HTTP请求并解析返回JSON数据的例子。通过一个简单的TestServlet，演示了如何利用jQuery的$.get方法获取数据，并将接收到的字符串转换为JSON对象进行遍历显示。

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

在原有的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();  
        }  
}