jquery mobile + html5 手机app表单跨域提交实例(手机app开发html5 juqery moblie phonegap系列一)

jquery mobile + html5 手机app表单跨域提交实例（手机app开发html5 juqery moblie phonegap系列一）

第一次写博文，把学习过程记录下来也留个底，免得以后不用都忘了。

确定用html5 +jquery moblie+ phonegap 框架作为app开发的主框架。一开始在网上找了很多资料，跟着学习了一下，然后下了很多代码，

结果发现一个很大的问题，网上的代码很多都tmd有bug，不知道是不是故意的还是怎么地，让我也走了很多弯路。不多废话开始实战。

1、开发工具的准备：

1.1 、jquery mobile ：这个不用下载，直接在你的html文件中间加上以下代码就行了,

href="/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

1.2 、html5 : 下载一个支持html5的浏览器就行了，支持的最好的是 Google Chrome ，这个还可以调试js，不错推荐。

1.3 、myEclipse 版本6.0以上就行，自带jdk 和tomcat ，这个写jsp当做服务器用。

1.4 、editplus 这个是文本编辑器，写html代码用的。

这一节的开发工具就准备这些，我们这节只在浏览器上面看效果，下节讲打包发布到安卓手机上面还需要一些东西。

2、开发流程：

2.1 制作提交用户名和密码的html5表单。

2.2 通过jsonp方式跨域提交到tomcat服务器上的jsp文件。

2.3 服务程序返回ok。

3、开发步骤：

3.1 html5文件，用editplus新建一个html文件，名字随便起。然后copy以下代码：

href="/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

提交表单

全名：

生日：

电邮：

版权所有 Copyright 2014

3.2 服务端接受程序开发：

用myeclipse 新建一个web project 工程，工程名字叫maya ，工程名字和html5文件的提交url 中的”maya“ 对应。