JQuery - AJAX - 點擊Div來顯示與ID相關的SQL數據

我正試圖在屏幕上向用戶動態顯示有用的註釋。JQuery - AJAX - 點擊Div來顯示與ID相關的SQL數據

如果你去http://discovertheplanet.net/general_notes.php

列表，左邊是有多少行是在我的筆記表。

有我的數據庫中的三列， 'NoteID'， 'NoteName' 和 '注'

每個 'NoteName' 是從數據庫中抽取，並給出了使用一個ID在數據庫中的 'NoteID' 列

的PHP/HTML：

<div class="main-container-notes"> 
    <div id="left-box"> 
     <?php 

     echo "<div style='width: 100%;'>"; 

     while($noteName = sqlsrv_fetch_array($resultNotes, SQLSRV_FETCH_ASSOC)) 
     { 
      echo "<div class='hvr-bounce-to-right1 hover-cursor output' data-noteid='{$noteName['NoteID']}' style='width: 100%; border-right: 5px solid #00AA88; height: 50px;'>" . $noteName['NoteName'] . "</div>"; 
     } 

     echo "</div>"; 
     ?> 
    </div> 
    <div id="right-box"> 

    <!-- Where the actual full note description will go --> 

    </div> 
</div>

我當前的腳本：這是我的<script type="text/javascript" src="scripts/scripts.js"></script>

的樣子：

$(".output").click(function() { 
    var noteid = $(this).data("noteid"); 
    $("#right-box").load("connectionDetails.php", { noteid: noteid }); 
});

編輯

這是我connectionDetails.php：

<?php 
$myServer = "replacement"; 
$connectionInfo = array('Database' => 'DiscoverThePlanet', 'UID' => 'replacement', 'PWD' => 'replacement'); 

//connection to the database 
$conn = sqlsrv_connect($myServer, $connectionInfo) 
    or die("Couldn't connect to SQL Server on $myServer"); 

//Test connection to server 
// if ($conn) 
// { 
//  echo "connection successful"; # code... 
// } 

//Defining my queries 
$getNotes = "SELECT NoteID, NoteName, Note FROM Notes"; 
$getTemplateNotes = "SELECT TemplateNoteID, TemplateNoteName, TemplateNote FROM TemplateNotes"; 
$getReplaceVariables = "SELECT ReplaceVariableID, ReplaceVariableName, ReplaceVariableNote FROM ReplaceVariables"; 

$resultNotes = sqlsrv_query($conn, $getNotes); 
$resultTemplate = sqlsrv_query($conn, $getTemplateNotes); 
$resultVariables = sqlsrv_query($conn, $getReplaceVariables); 

if($resultNotes === false) 
{ 
    die(print_r(sqlsrv_errors(), true)); 
} 
if($resultTemplate === false) 
{ 
    die(print_r(sqlsrv_errors(), true)); 
} 

if($resultVariables === false) 
{ 
    die(print_r(sqlsrv_errors(), true)); 
} 

?>

不當然如果它影響什麼，但我也有這個包括像這樣

<?php include 'connectionDetails.php'; ?>

所以我是在正確的路線，因爲我是新來的這一點，我現在該如何使用該ID的我，通過拉「注意」列當我點擊上適當的分區？

例：我點擊「測試注意事項」具有NoteID的1它然後檢查「注意」爲NoteID 1列，並通過「這是一個試件有益的文字拉在我的右側容器中顯示在同一屏幕上'

我希望我已經解釋得很好，如果您需要更多信息，請直接詢問。

非常感謝提前！

來源

2016-11-22 Luke Litherland

那麼，什麼是你的問題？似乎你所做的是對的。你有什麼問題嗎？ – epascarello

是的，我不知道該從哪裏出發。這聽起來很愚蠢，但我得到了這裏，只是在如何讓筆記顯示在同一頁面上留下空白。 –

你在做什麼應該加載任何connectionDetails返回。 – epascarello

我覺得做一個Ajax調用易於然後用自己的方式試試這個：

$(".output").click(function() { 
    var noteid = $(this).data("noteid"); 

    $.get("connectionDetails.php?id="+noteid, function(data, status){ 
    $("#right-box").html(data); 

}); 

});

你

PHP代碼試圖$_GET['id'];得到noteid值

來源

2016-11-22 18:27:16

JQuery - AJAX - 點擊Div來顯示與ID相關的SQL數據

回答

相關問題