Heim > Backend-Entwicklung > PHP-Tutorial > 静态页面调用PHP获得数据又格式化显示

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

WBOY
Freigeben: 2016-06-13 12:21:17
Original
1012 Leute haben es durchsucht

静态页面调用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 />
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage