我正在使用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;">×</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寫過東西。
如果有人能告訴我我的代碼應該是什麼樣子,以便從模式窗口中的數據庫中獲取我的信息,我將非常感激。
謝謝, 克里斯
你可以寫像'變種PHP ='和'alert(php)'我認爲它的工作 –
如果數據被用戶填滿,您很容易受到XSS攻擊。 – GuyT
[JavaScript中的訪問PHP變量](http:// stackoverflow。com/questions/4287357/access-php-variable-in-javascript) – moonwave99