2017-10-19 93 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這將讓你開始正確的方向。