2017-10-19 96 views
0

尝试将PHP函数转换为javascript时,我非常困惑。 在我的场景中,我只是从PHP中的XML文件中提取一些行并将其转换为表格,并且整个表格的显示位于功能getNews()中。进入函数的回声句如将PHP函数插入到Javascript中

function getNews(){ 
    $xmlResponse = new SimpleXMLElement('xml.addr',0,TRUE); 
    foreach($xmlResponse -> children()as $contents){ 
     echo "<table id ='news'>"; 
     echo "<a href='".$links."'>".$contents -> item[$num] -> title."</a>"; 

构建新闻表涉及到HTML标记。 然后我被要求实现一个按钮,当点击按钮时,按钮图像发生变化,表格应该显示在下面。很明显的onclick函数应该使用javascript,当点击它,我需要调用anotherButton()功能和显示的消息表

echo "<script>function anotherButton(){ 
     document.getElementById('news').innerHTML='<div class='newStyle' 
     onclick='anotherButton1()'>click to hide stock news 
      <img src='http://image-addr'></div>'; 
      }</script>"; 

所有这些事情都在做PHP写,我需要插入功能getNews() 某处在上面的回声中,那么我怎么才能把它放入函数中? 在此先感谢。

+0

您是否想让以前隐藏的元素可见? 可能的重复:https://stackoverflow.com/questions/6019845/show-hide-div-on-click-with-css 简单的答案:https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp – Erik

+0

是的。元素是新闻表,当我点击它时,按钮变化并且新闻表在下面显示,当再次点击它时,表隐藏并且按钮也改变。 –

+1

编辑我的评论上面,你应该能够从那里弄明白。下一次考虑你想要达到的目标,在最小的步骤中将其分解,然后谷歌你不知道的步骤。 =) – Erik

回答

1

你需要的是以下几点:

  1. JavaScript中的客户端的浏览器中使用AJAX将数据发送到服务器。
  2. PHP对请求进行解码,然后对请求进行响应。
  3. Javascript收到响应并相应地显示它。

使用异步JavaScript和XML (或AJAX的简称);您实际上可以动态地从服务器获取数据,而无需客户端执行浏览器刷新。


Here is a video by Codecourse这将让你开始正确的方向。