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>  

在服务器端，写了一个JSP页面：主要实现获取客户端的数据，然后进行判断回传数据。

<%@ 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 + "')");
         }
         
%>  

结果就是UID若为111则就会显示 success 若不为111则客户端会显示传入的值。

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

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

原文地址：https://www.jb51.cc/ajax/164717.html