Maison > développement back-end > tutoriel php > 静态页面调用PHP获得数据又格式化显示

静态页面调用PHP获得数据又格式化显示

WBOY
Libérer: 2016-06-13 12:21:17
original
1005 Les gens l'ont consulté

静态页面调用PHP获得数据再格式化显示
我们现在已经有一些PHP代码,调用相关接口可以返回JSON数据。我现在想实现在HTML里调PHP,把返回的数据输出到HTML里。请问这样做现实么?(注意,PHP部分只是返回JSON数据,而不是写上Document.Write之类的东西)

举个例子,调PHP接口会返回一个JSON数据,我希望HTML里能显示一个表格来显示这些内容。

我是个客户端开发人员,了解一点前端的皮毛。之所以这样做是因为原来要内嵌浏览器打开服务端做的某几个页面,但有几个页面的性能特别糟糕且没人能调(据说用了很先进的框架),所以我现在想出了整个办法。

------解决思路----------------------
执行的页面必须是.php结尾的,才能解析php,执行php的逻辑要用包起来
获取到json数据后,json_decode($json,true);就是一个数组,可以打印出来看一下
将数组的值嵌到你要显示地方就可以,如:

------解决思路----------------------
通过ajax获取数据,然后嵌入到页面里就行了
------解决思路----------------------
用ajax 调用你返回json数据的php接口,然后用js解析json 在页面上显示
------解决思路----------------------
用ajax 调用你返回json数据的php接口,然后用js解析json 在页面上显示
------解决思路----------------------
一个简单的例子,参考下。

<br /><?php<br />$result = array(<br />    array('name'=>'fdipzone','gender'=>'male'),<br />    array('name'=>'tom','gender'=>'male'),<br />    array('name'=>'lucy','gender'=>'female'),<br />);<br />?><br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /> <head><br />  <meta http-equiv="content-type" content="text/html;charset=utf-8"><br />  <title> New Document </title><br /> </head><br /><br /> <body><br />    <script type="text/javascript"><br />    var data = <?php echo json_encode($result); ?>;<br />    for(var i=0,len=data.length; i<len; i++){<br />        document.write(data[i].name + ' '+data[i].gender+'<br>');<br />    }<br />    </script><br />  <br /> </body><br /></html><br />
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal