如果我想融合服务器端页面和本地html5页面时，使用服务器上的页面登陆后，本地的html5能体现出来吗？数据怎么交互
czf
- 发布：2014-12-04 22:28
- 更新：2015-07-16 19:02
- 阅读：6137
服务器上的页面怎么和本地的html5数据交互？
分类：HTML5+
21 个回复
见贤思齐51
同样想知道啊!看官方的开发文档不是很懂啊
chender - 与人为善
能啊，页面在哪里不都一样啊，最终都是加载到手机浏览器上运行
至于数据交互，和两个本地的html页面的数据交互差不多，唯一不同的是会存在跨域，sessionStorage和localstorage不能共用，但是通过h5+可以完美解决
见贤思齐51
什么意思不是很懂,有具体的示例吗?我是学PHP的,不知道怎么跟它进行交互呢
chender - 与人为善
你看一下官方的教程和demo吧，先假定所有的html5界面都是在手机上，只要你弄懂了，服务端的也就弄懂了
见贤思齐51
服务器代码我没有问题,我现在就是知道要怎么测试和调BUG在那里可以看到错误信息,像我们做网站都用fierbug来看错误,但是这个要怎么看错误呀!
chender - 与人为善
这个一两句话说不完，下个hbuilder，数据线+手机就行了，调试的的话android4.4+的系统，可以和电脑联动，直接在chrome里面调试手机上的界面，细节比较多，不过不难，先把开发环境搭起来，摸索一下就会了，具体问题上有不了解的再在论坛或群里提问
见贤思齐51
那里有群号呀?hbuider都用了四个多月了.我所有的项目都是用hbuider来写的
见贤思齐51
我主要还是写PHP比较熟悉.
chender
html和js熟悉就ok了
2015-07-15 21:54
见贤思齐51
写样式这些没有问题,现在就是卡在与服务器交互上面
chender - 与人为善
前后台数据交互用ajax,页面与页面之间的数据交互，dcloud也有提供支持，是不是都ok了？
见贤思齐51
ajax它的路径只能是绝对路径吗?
chender - 与人为善
如果是手机本地的页面要访问服务端，只能是绝对路径，如果是服务端的页面，就和平时做web一样，都可以
见贤思齐51
<script>
mui.init();
mui.plusReady(
function() {
document.getElementById('loginBtn').addEventListener('tap', function() {
//显示一个等待的对话框
var wd = plus.nativeUI.showWaiting();
//构造要传递的JSON数据
var data = {
"username": document.getElementById('username').value,
"password": document.getElementById('password').value,
}
postData(
'127.0.0.1/APPtest/test',//服务端的URL
data,
function (data) {
mui.alert(data);
}
)
})
}
);
function postData(url, data, callback, waitingDialog) {
mui.ajax(url, {
data: 'data=' + JSON.stringify(data),
dataType: 'json',
type: 'post',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
timeout: 60000,
success: callback,
error: function(xhr, type, errorThrown) {
// waitingDialog.close();
mui.alert("<网络连接失败，请重新尝试一下>", "错误", "OK", null);
}
});
}
</script>
<?php
class TestController
{
public function test ()
{
$data= array(
'result' =>1
);
echo 1;
}
}
?>
见贤思齐51
这是我刚才写的HTML页面和PHP页面中的方法,知道怎么调试.就是出不来
chender - 与人为善
出不来是什么意思啊？界面打不开？
见贤思齐51
我的意思是我客户比如发了一个 1 到PHP那里.我PHP现在什么也没有做 就echo 了一个 1 回来但是JS为什么接收不到呢?这个跟JQ不一样.有点不懂.
chender - 与人为善
哦，就是请求有到服务端，服务端也有响应，但是客户端没反应是吧？
hbuilder上有什么错误日志吗？
还有你那个dataType设置的是json的话，服务端响应的值必须要是json格式吧？
时代风 - 菜鸟2024
你在你的app ajax 获取数据的地址：http://www.abc.com/get.php,在浏览器里打开测试一下，正常输出服务产生的内容不就可以了吗，接下来还是你自己app上怎么去拆解而已，视你输出的格式是json,xml或文本
见贤思齐51
跟后台数据连接我已经完成了.现在的问题是如果把内容显示到页面中,如果是JSON返回来的话我要怎么处理呢?
时代风 - 菜鸟2024
拼接html
或者你直接在后台拼接好，再在页面的容器上innerHTML就可以了，其实ＤＣ强大就是完全可以用写网页的经验来开发应用
见贤思齐51
哦!好的我试一下!!!