Phonegap通过AJAX跨域获取服务端数据

这几天开始折腾Phonegap，怎么说呢，就是据说各种平台都可以跑的神器，具体可以google，哦被墙了，那百度也可以。

然后，Phonegap在我认为就是一堆的WEB开发，加上不同的插件功能。所以只要还是HTML和JS以及CSS。最近开始捣鼓，需要实现一个最基础的功能，譬如登录，这样客户端就可以实现和服务端的数据交互了。

好，先开始实现登录功能吧。

首先写一个HTML的登录页面，关键的登录代码如下：以下代码只是简单的传入一个用户名和密码，主要用JSONP方式来实现。

  <!--测试JSONP------->
  <script type="text/javascript">    
$(document).ready(function(){   

   $("#button").click(function(){   
       $.ajax({ 
         // data:"?callback=?",type: "GET",data:{  //传递参数                                                             
        uid: '111',pwd: '123'
},//  data:{uid:1},dataType:"jsonp",url: "http://192.168.1.23:8080/LBS_FOR_SISE/resp.jsp",dataType:'jsonp',jsonp:"callback",success:function(json){ 
		  alert(json);
             $("#show").html(json); 
          }
        });   
     });
 });     
</script>  

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%  
         String callback = request.getParameter("callback");  
       	 String uid = request.getParameter("uid");
        // String upw = request.getParameter("pwd");
         String resp = ""success!"";  
         if(uid.equals("111"))
         {
         out.print(callback+"("+resp+")");  
         }
         else
         {
          out.println(callback + "('" + uid + "')");
         }
         
%>  

以上只是简单的登录功能，后续可扩展，在HTML页面中，登录获取输入框中的值，并作登录判断，若成功则跳转至成功页面。

在服务器端，JSP页面中可以调用JAVA代码进行数据库的操作，并返回值给客户端。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!