2015-10-15 177 views
0

我正在使用fullcalendar.js,並且日曆正在運行,因爲它現在應該是。如果用戶點擊日曆中的條目,則模式會顯示一些信息。我現在需要的是,模式中的信息是來自數據庫的信息,所以我想插入一些PHP代碼,但我不知道如何。將PHP代碼轉換爲Javascript

讓我告訴你,我想用這樣從我的數據庫中的數據在模式顯示的PHP代碼:

<?php 
    $dates=getPcalInfoOfHour($gl_userid,0,0); 
     for ($x=0;$x<count($dates["id"]);$x++) { 
      Title: '".$dates["title"][$x]."'; 
      Selected Date: '".$dates["date"][$x]."'; 
      Selected Time: '".$dates["start"][$x]."' '".$dates["end"][$x]."'; 
      Topic: '".$dates["topic"][$x]."'; 
      Location: '".$dates["location"][$x]."'; 
      Address: '".$dates["address"][$x]."'; 
     } 
?> 

這裏就是我想進入我的JavaScript代碼的一部分我的PHP代碼:

eventClick: function(calEvent, jsEvent, view) { 

     //display a modal 
     var modal = 
     '<div class="modal fade">\ 
      <div class="modal-dialog">\ 
      <div class="modal-content">\ 
      <div class="modal-body">\ 
       <button type="button" class="close" data-dismiss="modal" style="margin-top:-10px;">&times;</button>\ 
       <label> <strong>Topic:</strong> Topic</label>\ 
       <label> <strong>Selected Dated:</strong> Date</label>\ 
       <label> <strong>Selected Time:</strong> Time</label>\ 
       <label> <strong>Title:</strong> Title</label>\ 
       <label> <strong>Location:</strong> Location</label>\ 
       <label> <strong>Address:</strong> Address</label>\ 
       <label> <strong>Phone:</strong> Phone</label>\ 
      </div>\ 
      <div class="modal-footer">\ 
       <button type="button" class="btn btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times"></i> Close Window</button>\ 
      </div>\ 
      </div>\ 
     </div>\ 
     </div>'; 

     var modal = $(modal).appendTo('body'); 

     modal.modal('show').on('hidden', function(){ 
      modal.remove(); 
     }); 

     console.log(calEvent.id); 
     console.log(jsEvent); 
     console.log(view); 

    } 

我知道PHP是一個服務器端語言和JavaScript是基於客戶端的語言,但必須有一個辦法,從數據庫中我的數據會模態內可以顯示我是正確的?我對PHP編程有一點了解,但我從來沒有用JavaScript寫過東西。

如果有人能告訴我我的代碼應該是什麼樣子,以便從模式窗口中的數據庫中獲取我的信息,我將非常感激。

謝謝, 克里斯

+0

你可以寫像'變種PHP = '和'alert(php)'我認爲它的工作 –

+0

如果數據被用戶填滿,您很容易受到XSS攻擊。 – GuyT

+0

[JavaScript中的訪問PHP變量](http:// stackoverflow。com/questions/4287357/access-php-variable-in-javascript) – moonwave99

回答

0

我相信這會做:

var js_string = "<?php echo $php_string; ?>"; 
0

你必須要請求服務器PHP腳本究竟會從數據庫提取數據並生成HTML。

例JavaScript和PHP的使用生成HTML模式:

$.post('/script_generating_html.php', params, function(response) { 
    var modal = $(response).appendTo('body'); 

    modal.modal('show').on('hidden', function(){ 
     modal.remove(); 
    }); 
}); 
0

認爲它這樣。 PHP在發送任何內容之前會生成瀏覽器將讀取的內容所以,如果你有以下代碼

<?php 
 
    $data = "Super Important"; 
 
?> 
 

 
<script> 
 
    alert("<?php print $data; ?>"); 
 
</script>

它將爲客戶端生成

<script> 
 
    alert("Super Important"); 
 
</script>

如果你要與修改Javascript工作用php,也看看json_encode()

的另一種方式acheive同樣的事情是

<?php 
 
    $data = "Super Important"; 
 
?> 
 

 
<script> 
 
    alert(<?php print json_encode($data;) ?>); 
 
</script>