js与php结合使用的案例

发布时间:2020-09-16 09:22:54 作者:小新
来源:亿速云 阅读:229

js与php结合使用的案例?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

JavaScript和PHP可以相互嵌套,前提是JavaScript写在以.php为后缀的文件里面。

(1) JavaScript嵌套PHP:

直接在JavaScript里面写入PHP语句,如:

<script type="text/javascript">
 
  BUI.use('bui/grid',function (Grid) {
    var data = [//表单内容信息
            <?php
		foreach($slice_rows as $key=>$val){
		echo "{id:'".$val['id']."',imgpath:'".$val['imgpath']."',introduction:'".$val['introduction'].
               "',linkpath:'".$val['linkpath']."',date:'".$val['date']."'},";
	    }
	
	       echo "{id:'1112',imgpath:'李四',introduction:'this is a test',linkpath:'#',date:'date2'}";
	   ?>
	],
 
        grid = new Grid.SimpleGrid({
          render : '#grid', //显示Grid到此处
          width : 950,      //设置宽度
          columns : [//表单头部信息
            {title:'编号',dataIndex:'id',width:80},
            {title:'图片路径',dataIndex:'imgpath',width:100},
			{title:'简介',dataIndex:'introduction',width:200},
			{title:'链接地址',dataIndex:'linkpath',width:100},
            {title:'上传日期',dataIndex:'date',width:100}
          ]
        });
      grid.render();
      grid.showData(data);
  });
  
</script>

(2)PHP嵌套JavaScript:

<?php
		
	echo '<script type="text/javascript">';
	echo " BUI.use('bui/grid',function (Grid) {";
	//表单的数据内容
	echo 'var data = [';
	foreach($slice_rows as $key=>$val){
		echo "{id:'".$val['id']."',imgpath:'".$val['imgpath']."',introduction:'".$val['introduction'].
                     "',linkpath:'".$val['linkpath']."',date:'".$val['date']."'},";
	}
	
	echo "{id:'1112',imgpath:'李四',introduction:'1349622209547',linkpath:'#',date:'date2'}";
	
	echo '],';
	//表单的头部信息
	echo "
	 grid = new Grid.SimpleGrid({
          render : '#grid', //显示Grid到此处
          width : 950,      //设置宽度
          columns : [
            {title:'编号',dataIndex:'id',width:80},
            {title:'图片路径',dataIndex:'imgpath',width:100},
			{title:'简介',dataIndex:'introduction',width:200},
			{title:'链接地址',dataIndex:'linkpath',width:100},
            {title:'上传日期',dataIndex:'date',width:100}
          ]
        });
	
	";
	echo '  grid.render();
			grid.showData(data);
			});
  ';
	
	
	//echo 'alert("this is a test")';
	echo '</script>';
	
?>

感谢各位的阅读!看完上述内容,你们对js与php结合使用的案例大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. Vue的Js动画与Velocity.js的结合
  2. Hugo 与 nginx 结合使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js php

上一篇:js如何通过ajax给php发送数据

下一篇:php如何调用别人做好了接口

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》