2016-07-23 83 views
-1

嗨,我使用Nashio/star-rating-svg星級評定系統試圖插入值到數據庫

我有一個關於星星的顯示,並懸停的作品真的很好,但問題是我不能讓它把設定的數值一切並插入到我的數據庫,它在文檔中說有關回調函數的東西,但它不適合我。以下是我迄今爲止:

插入星成html:初始化星星並讓他們運行

<div class="my-rating"></div> 

代碼:

<script> 

     $(".my-rating").starRating({ 
      starSize: 45, 
      <?php 
       if(Login::isLogged(Login::$login_front)) { 
        echo "readOnly: false,"; 
       } else { 
        echo "readOnly: true,"; 
       }   
      ?> 
      disableAfterRate: false, 
      callback: function(currentRating) { 
       $rating = currentRating; 
       <?php 
         $addRating = $objRating->addRating($client_id, $rating); 
       ?> 
      } 
     }); 

    </script> 

的問題不在於PHP代碼正在嘗試將評分添加到數據庫,但問題是該函數沒有被調用或開始執行和插入,星星甚至沒​​有顯示當我插入回調部分,任何人的幫助已經託管爲了得到這個工作將是一個很大的幫助,我期待着你的複製ES。

+0

您希望每次執行** PHP **代碼**調用Javascript **'callback'。請發出Ajax請求!你必須瞭解服務器/客戶端編程! –

回答

1

我已經更新了我的整個答案。它的測試,它的工作:

其中星出現,用戶點擊率

主文件:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Rating</title> 

     <!-- Add the plugin's CSS (make sure of path) --> 
     <link rel="stylesheet" type="text/css" href="src/css/star-rating-svg.css"> 
    </head> 
    <body> 

    <!-- Display the stars on page --> 
    <div class="my-rating"></div> 

    <!-- Add jquery.min.js --> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

    <!-- Add plugin's required JS (make sure of paths) --> 
    <script src="src/jquery.star-rating-svg.js"></script> 

    <!-- Initiate the plugin --> 
    <script> 
     $(".my-rating").starRating({ 
      starSize: 25, 
      callback: function(currentRating, $el){ 

       $.post('submit_rating.php', {rating: currentRating}); 

      } 
     }); 
    </script> 
    </body> 
</html> 

PHP文件(submit_rating.php),即插入評級到數據庫,應該是在同一個目錄或調整路徑在上面的$_POST請求中,如果您打算將該文件保留在任何內部目錄中。將該文件保存爲submit_rating.php,然後在該文件中,您將收到評分值$_POST['rating'];然後,您可以將該值插入到你的數據庫是這樣的:

$rating = $_POST['rating']; // don't forget to sanitize

,然後將$rating到數據庫中。我希望這有幫助。

+0

我犯了一個錯誤,如果你擡頭我剛剛編輯的頂部部分它不是<輸入..但它是

,抱歉的錯誤 – Blu3

+0

另外我試着做你正在做的建議,但沒有任何反應,認爲你可以爲我清楚這一點,我真的在這裏簡單地說,謝謝你幫助朋友。 – Blu3

+0

@ Blu3我已經更新了我的答案,請檢查。它已經過測試,它正在工作。仔細檢查你的主文件,確保你的東西正確。 – Rehmat