设为首页 收藏本站
查看: 847|回复: 0

[经验分享] php+javascript 小例子

[复制链接]

尚未签到

发表于 2017-3-27 11:08:24 | 显示全部楼层 |阅读模式
  test.php:
  <?php
define('D_P', realpath(getcwd()));
include_once("includes/global.inc");
  switch($ac)
{
  case "getWebSiteChannel":
  //获取频道信息
  $sql = "select * from WebSiteChannel";
   $q->query($DB,$sql);
 
  while($row = $q->getrow('key') ){ 
 $result[] = $row;  
  }
    
  $ary['result']=$result; 
  echo json_encode($ary);
  break;
  case "getAdType":
  //获取广告形式信息
  $sql = "select * from AdType where CID='$CID'";
  $q->query($DB,$sql);
 
  while($row = $q->getrow('key') ){ 
 $result[] = $row;  
  }
    
  $ary['result']=$result; 
  echo json_encode($ary);
  break;
 
}
?>
  index.html://注:用到了jquary
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>广告报价后台</title>
<style type="text/css">
<!--
.STYLE2 {
 font-family: "宋体";
 font-weight: bold;
}
-->
</style>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function(e) {
  alert("1212");
  ajax_json( 'http://localhost/AdBackPro_1/test.php', {'ac':'getWebSiteChannel'}, function(data){
   if(!data.result){alert("没有数据!");}
   else{
   addSelectValue(data.result);    
   }
  });   
 
});
  //广告页面选择下拉框赋值及添加change事件
function addSelectValue(channelArr){
    //清空select
    $("#select").empty();
 for(var i=0;i<channelArr.length;i++){
    var s = "<option value="+channelArr["CID"]+">"+channelArr["CName"]+"</option>";
    $("#select").append(s);
 }
 
 $("#select").change(function(){
   alert("当前选择的value:"+$("#select").val()+"....当前选择的text:"+$("#select").find("option:selected").text()+"....当前选择的index:"+$("#select").get(0)      .selectedIndex);
  
   var cid = $("#select").val();
   ajax_json( 'http://localhost/AdBackPro_1/test.php', {'ac':'getAdType','CID':cid}, function(data){
   if(!data.result){alert("没有数据!");}
   else{
     refreshAdTypeList(data.result);    
   }
  });      
 
 });
 //document.getElementById("select").options.length = 0;
 //for(var i=0;i<channelArr.length;i++){
     //document.getElementById("select").add(new Option(channelArr["CName"],i));
 //}
 
}
  //刷新广告形式信息列表
function refreshAdTypeList(adtypeArr){
  alert(adtypeArr.length);
}
  //jquery post 方法
function ajax_json( url_str, js_ob, fn ){
 $.post(url_str , js_ob, function(data){fn(data);}, "json");
}
  
</script>
  </head>
  <body>
<div align="center">
  <h1><span class="STYLE2">广告报价后台</span>  </h1>
</div>
<hr>
<h2><strong>文件上传</strong></h2>
  <div class="div1" id="div1">
<h4>上传excel格式报价表:</h4>
  <input type="file" name="file"/>
  <input type="submit" name="Submit2" value="上传" />
</div>
  <div class="div2" id="div2">
<h4>上传PDF格式报价表:</h4>
  <input type="file" name="file"/>
  <input type="submit" name="Submit2" value="上传" />
</div>
  <h2><strong>广告报价管理</strong></h2>
<div>请选择广告所在页面:
  <select name="select" class="select" id="select">
  </select>
  <input type="submit" name="Submit3" value="查看"/>
</div>
<p><font color="#FF0000" size="+1">所在页面: </font>
  <input type="submit" name="Submit4" value="添加广告位" />
</p>
<table width="847" border="1">
  <tr>
    <th width="95" scope="col">&nbsp;</th>
    <th width="95" scope="col">&nbsp;</th>
    <th width="95" scope="col">&nbsp;</th>
    <th width="95" scope="col">&nbsp;</th>
    <th width="95" scope="col">&nbsp;</th>
    <th width="332" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>
  <input type="submit" name="Submit5" value="保存" />
</p>
  </body>
</html>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-356046-1-1.html 上篇帖子: php|smarty 逻辑运算 下篇帖子: PHP 读取 AD 用户
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表