js與php結(jié)合使用的案例

js與php結(jié)合使用的案例？這個(gè)問(wèn)題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見(jiàn)到的。希望通過(guò)這個(gè)問(wèn)題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

JavaScript和PHP可以相互嵌套，前提是JavaScript寫(xiě)在以.php為后綴的文件里面。

（1） JavaScript嵌套PHP：

直接在JavaScript里面寫(xiě)入PHP語(yǔ)句，如：

<script type="text/javascript">
 
  BUI.use('bui/grid',function (Grid) {
    var data = [//表單內(nèi)容信息
            <?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,      //設(shè)置寬度
          columns : [//表單頭部信息
            {title:'編號(hào)',dataIndex:'id',width:80},
            {title:'圖片路徑',dataIndex:'imgpath',width:100},
			{title:'簡(jiǎn)介',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) {";
	//表單的數(shù)據(jù)內(nèi)容
	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,      //設(shè)置寬度
          columns : [
            {title:'編號(hào)',dataIndex:'id',width:80},
            {title:'圖片路徑',dataIndex:'imgpath',width:100},
			{title:'簡(jiǎn)介',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>';
	
?>

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)js與php結(jié)合使用的案例大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。