这个pc的手机站是用ajax完成,想着很简单,但是还是遇到不小的麻烦,pc的id一直传递不了,后面发现是传递参数出了问题,下面具体来看看
PC内容页:
<script type="text/javascript" src="/templates/default/js/jquery1.42.min.js"></script>
<script>
var url = location.href;
num =url.replace(/[^0-9]/ig,""); //使用js获取html页面的数字
function requestSuccess(data){ //使用ajax方法
}
function requestError(xmlhttprequest,info,exception){
alert(info);
}
var url='/ajax/content.php?num='+num; //传递给php页面处理
$.ajax({url:url,async:false,type:'POST',dataType:"json",success:requestSuccess,error:requestError});
</script>
<script type="text/javascript" src="/templates/default/js/jquery.SuperSlide.2.1.1.js"></script>
<link href="//www.greatytc.com/templates/default/css/css.css" rel="stylesheet" type="text/css" />
<script src="/js/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect('/mobile/content.html?num='+num);</script>
AJAX.js
//格式化时间戳
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
}
function requestSuccess(data){
//文章内容
var content=data.content;
var html='';
for(var i in content){
html+='<h1><p class="case_dt">'+content[i].title+'</p></h1>';
html+=' <p style="text-align:center;" ><span>'+getLocalTime(content[i].addtime)+'</span> 点击量:'+content[i].hits+'</p>';
html+='<p>';
html+=' '+content[i].content+'';
html+=' </p>';
}
$(".case_d").append(html);
}
function requestError(xmlhttprequest,info,exception){
alert(info);
}
var urlm = location.href;
num2 =urlm.replace(/[^0-9]/ig,""); //使用js获取html页面的数字
//请求
var url='/ajax/content.php?num='+num2;
$.ajax({url:url,async:false,type:'POST',dataType:"json",success:requestSuccess,error:requestError});
content.php
<?php
$num=$_GET['num'];
//数据库连接
$connect=@mysql_connect('服务器地址','用户名','密码');
if (!$connect) {
die('连接数据库失败: ' . mysql_error());
}
mysql_query("set names utf8");
mysql_select_db("数据库名",$connect);
//整体数组
$dataResult=array();
$result=mysql_query("SELECT title,addtime,content,hits from hq_news where id='$num'");
$list=array();
while($row=mysql_fetch_assoc($result)){
array_push($list,$row);
}
$dataResult['content']=$list;
//关闭数据库和资源
mysql_close($connect);
exit(json_encode($dataResult));
?>