Appcn 移动开发 前台与服务器数据交互

时间：2022-12-31 08:07:43

第一次写。嘿嘿。

言归正传，这几天开始学习移动开发，使用的是Appcan平台。Appcan平台采用HTML5+CSS3做开发 实现跨平台，正好可以满足我们的业务需求。

Appacn和数据库进行交互的方式是，通过Appcan提供的函数把页面提交到服务器的接口，返回json数据在页面进行处理。

贴代码吧..

在Appcan中首先要引用两个js文件

    <script src="js/zy_json.js"></script>//接收json

    <script src="js/zy_tmpl.js"></script>//把json处理成在页面表现的

说的不好，继续看代码吧

然后下面就是跟服务器进行交互的脚本了

var url='http://192.168.0.208:8003/servers/RiverServers.aspx'; //获取json的接口地址

    var post_data = [{"stcd":"010001","btm":"2013-08-01","etm":"2013-09-01"}]; //你要上传的数据 //传递给接口的参数

//加载完网页就开始，把数据上传到服务器接口文件，并显示返回数据

    window.uexOnload=function(type){

            $.getJSON(url,function(data){

                    var tstr=data;

                    var s=zy_tmpl(tmpstr,tstr.riverlist,zy_tmpl_count(tstr.riverlist));

                    $$("leidiv").innerHTML=s;//把s获取到的整个串插到leidiv这个标签里面

             },

             'json',

             function(err){

                alert(err.name + ": " + err.message);

             },

             'POST',

             post_data);

    }

//定义显示内容的模板

    var tmpstr='<p>测站编号：${stcd} 测站名称：${stnm} 时间${dt} 水位：${z} 流量：${q}</p>';//tmpstr中的${..}就是json返回的
<div id="leidiv"></div>

到此 从页面提交到服务器返回json再到页面呈现就完了，写的不好，汗..凑合看吧

相关文章