+ html5 手机app表单跨域提交实例(手机app开发html

《+ html5 手机app表单跨域提交实例(手机app开发html》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、jquerymobile+html5手机app表单跨域提交实例（手机app开发html5juqerymobliephonegap系列一）第一次写博文，把学习过程记录下来也留个底，免得以后不用都忘了。确定用html5+jquerymoblie+phonegap框架作为app开发的主框架。一开始在网上找了很多资料，跟着学习了一下，然后下了很多代码，结果发现一个很大的问题，网上的代码很多都tmd有bug，不知道是不是故意的还是怎么地，让我也走了很多弯路。不多废话开始实战。1、开发工具的准备：   1.1、jquer

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

3、/mobile/1.3.2/jquery.mobile-1.3.2.min.js">    1.2、html5 :下载一个支持html5的浏览器就行了 ，支持的最好的是 GoogleChrome，这个还可以调试js，不错推荐。 1.3、myEclipse版本6.0以上就行，自带jdk和tomcat，这个写jsp当做服务器用。1.4 、editplus 这个是文本编辑器，写html代码用的。这一节的开发工具就准备这些，我们这节只在浏览器上面看效果，下节讲打包发布到安卓手机上面还需要一些东西。2

4、、 开发流程：        2.1制作提交用户名和密码的html5表单。       2.2通过jsonp方式跨域提交到tomcat服务器上的jsp文件。       2.3服务程序返回ok。3、开发步骤：   3.1  html5文件，用editplus新建一个html文件，名字随便起。然后copy以下代码：          

5、8"/>

6、.3.2.min.js"> jQuery(function($) { //使用jQuery异步跨域提交表单 $('#newForm').submit(function() { $.ajax({ type:"get", async:false, url:"http://192.168.16.194:8080

7、/maya/test.jsp?"+encodeURI($('#newForm').serialize())+"&callback=?", dataType:"jsonp", jsonp:"callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"uuuuu",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据 success:function(d

8、ata){ alert('查询的信息：'+data[0].name); }, error:function(){ alert('fail'); } }); }); });