搜索
appcan学习日记一今天第一学习appcan这个平台可以生成安卓和苹果的安装包，用html+javascript就行了很心动，不过用的时候发现最麻烦的问题是，你在线文档的api例子不能直接运行你的查度娘~~有点小郁闷。API可用的例子“：一打开网页*一定要这样写否则不能正确运行，（写成别的报找不到网页郁闷）varbtn_id='lis';appcan.window.open(btn_id,btn_id+'.html',10);二AJAXwebserverappcan.request.ajax({type:'POST',url:':{Username:name,PassWord:pds},//期望的返回类型dataType:'xml',timeout:300,//超时时间success:function(data){//----去掉xml请求头vardata=data.replace('stringxmlns=);data=data.replace('?xmlversion=1.0encoding=utf-8?','');data=data.replace('/string','');data=vart1=+data;//--实例化对象eval(data);//获取内容alert(data);//获取内容alert(t1.islogin);varnamet1='ttp';if(t1.islogin==true){varbtn_id='lis';appcan.window.open(btn_id,btn_id+'.html',10);}},error:function(xhr,type){alert('Ajaxerror!')}})三ajaxaspxvarname=$(#username).val();varpds=$(#ps).val();if(name==){appcan.window.openToast(用户名没填写,1000,5,0)};if(pds==){appcan.window.openToast(密码没填写,1000,5,0)};varurl=测试用例网页/Default.aspx;appcan.request.ajax({type:'GET',url:'期望的返回类型dataType:'text',timeout:300,//超时时间success:function(data){//获取内容alert(data);},error:function(xhr,type){alert('Ajaxerror!')}})四总结ajax访问不同的应用程序要看type:post还是get,要看dataType返回类型另外webserver访问地址是=页面名称/函数名WebService.asmx/Login'这点可直接调用webserver相关服务然后看post调用啊下面是简单的前后台链接代码显示11欢迎您第一页文本框inputplaceholder=请输入搜索城市type=textclass=ub-f1id=Searchonblur=SeaveSearch()--这是离开焦点方法script--离开焦点functionSeaveSearch(){--得到属性varSearchVal=$(#Search).attr('value');//alert(SearchVal);--设置本地缓存数据，用于传递给下一页appcan.locStorage.setVal('Search',SearchVal);}/script--按钮divclass=btnubub-acbc-text-headub-pcbc-btnid=btn下一页/divscript--点击触发事件appcan.button(#btn,ani-act,function(){appcan.window.open({name:text2,data:text2.html,aniId:10});})/script第二页显示控件divid=info/divscript--初始化动作appcan.ready(function(){appcan.initBounce();--读取数据varSearchVal=appcan.locStorage.getVal('Search');//alert(decodeURI(SearchVal));--设置显示文字$('#info').html(decodeURI(SearchVal)+'欢迎您');})})/script例子目录//--注意路径，默认会写错注意,还要注意如果你的代码不起作用可以尝试重启模拟器我也不知道为啥会这样哎scriptappcan.ready(function(){appcan.initBounce();});varlv=appcan.listview({selector:#listview,type:thinLine,hasIcon:true,hasAngle:true,hasSubTitle:true,multiLine:1,});lv.set([{title:临时数据,--标题icon:../css/14338996384191.jpg,//--图片subTitle:12:05,--小标题id:1},{title:临时数据,icon:../css/res/appcan_s.png,subTitle:12:05,id:2}]);--处理按钮事件lv.on(click,function(ele,obj,curEle){alert(obj.id)});--动态添加要用add方法，注意这个添加上去的东东会按照倒叙的方式显示呀~~郁闷for(vari=0;i10;i++){//alert(i);lv.add([{title:临时数据+i,icon:../css/14338996384191.jpg,subTitle:12:05,id:i}])}/scriptAppCan第三节按钮和滑动组件!DOCTYPEhtmlhtmlclass=umlandscapemin-width-240pxmin-width-320pxmin-width-480pxmin-width-768pxmin-width-1024pxheadtitle/titlemetacharset=utf-8metaname=viewportcontent=target-densitydpi=device-dpi,width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0linkrel=stylesheethref=css/fonts/font-awesome.min.csslinkrel=stylesheethref=css/ui-box.csslinkrel=stylesheethref=css/ui-base.csslinkrel=stylesheethref=css/ui-color.csslinkrel=stylesheethref=css/appcan.icon.csslinkrel=stylesheethref=css/appcan.control.css/headbodyclass=um-vpbc-bgontouchstarton关闭，off开启震动divclass=switchubabc-borderdata-checked=falsedivclass=switch-btnsc-bg-active/div/div/bodyscriptsrc=js/appcan.js/scriptscriptsrc=js/appcan.control.js/scriptscriptsrc=js/appcan.listview.js/script/bodyscriptappcan.ready(function(){});//让手机振动10秒appcan.switchBtn(.switch,function(obj,value){if(value==true){//alert('');//==on开始运行--震动appcan.device.vibrate(9999999);}else{//--off关闭appcan.device.cancelVibrate()}//让手机振动10秒})/script/html!DOCTYPEhtmlhtmlclass=umlandscapemin-width-240pxmin-width-320pxmin-width-480pxmin-width-768pxmin-width-1024pxheadtitle/titlemetacharset=utf-8metaname=viewportcontent=target-densitydpi=device-dpi,width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0linkrel=stylesheethref=css/fonts/font-awesome.min.csslinkrel=stylesheethref=css/ui-box.csslinkrel=stylesheethref=css/ui-base.csslinkrel=stylesheethref=css/ui-color.csslinkrel=stylesheethref=css/appcan.icon.csslinkrel=stylesheethref=css/appcan.control.css/headbodyclass=um-vpbc-bgontouchstartdivid=sliderclass=slider/div/bodyscriptsrc=js/appcan.js/scriptscriptsrc=js/appcan.control.js/scriptscriptsrc=js/appcan.slider.js/script/bodyscriptappcan.ready(function(){});varslider=appcan.slider({selector:'#slider',aspectRatio:6/16,hasLabel:true,index:0});/*--静态添加slider.set([{img:./css/14338996384191.jpg,label:烤鸭}])slider.set([{img:./css/t01191695984bf5e32c.jpg,label:烧鸡}])*/--动态添加varold='slider.set([{img:./css/14338996384191.jpg,label:快速！丰富稳定的UI组件、海量的行业UI模板，快速拼装APP},{img:../images/loading_pic2.jpg,label:便捷！网络部署APP，摆脱数据线},{img:../images/loading_pic3.jpg,label:高效！项目云