jQuery - 动态添加数据值并从数据库检索数据

Question

我的网站上有一些图片，点击时显示“.TutorialsSlideDown”div，同时隐藏“.tutorial_listing”div。我想向这些图像添加数据属性，然后检查哪个被点击，并根据数据库中的数据填充“.TutorialsSlideDown”div。

这可以这样做吗？怎么样？如果不是，最好的方法是什么？

HTML：

<div class="tutorial_listing"> 
     <img id="PhpTutorials" src="~/Images/PHP.png" width="150px" height="150px" alt="PHP Tutorialok"/> 
     <img id="AspdotNetWPTutorials" src="~/Images/ASPdotNet.png" width="150px" height="150px" alt="ASP.NET Tutorialok"/> 
    </div> 
    <div class="tutorial_listing"><h3>Programozás</h3></div> 
    <div class="TutorialsSlideDown"></div> 

的jQuery：

$('#PhpTutorials').click(function() { openTutorials("PHP Tutorialok. <a class='GoBack'>Vissza</a>") }); 
    $('#AspdotNetWPTutorials').click(function() { openTutorials("ASP.NET Web Pages Tutorialok. <a class='GoBack'>Vissza</a>") }); 

    function openTutorials(title) { 

     $('.tutorial_listing').slideUp(400); 
     $('.TutorialsSlideDown').slideDown(400); 
     $('#PageTitle').html(title); 
     $('.GoBack').bind('click', function() { 
      $('.TutorialsSlideDown').slideUp(400); 
      $('.tutorial_listing').slideDown(400); 
      $('#PageTitle').html("Tutorialok"); 
     }); 

     return false; 
    } 

Answer 1

1. 添加一个额外的变量，其具有本教程的ID在数据库中的函数
2. ，从AJAX请求到服务器端脚本，可以处理get/post并获取ID
3. 查询数据库和g等你的信息要
4. 返回数据，并使用jQuery

我不认为有多大的意义写完整代码，你将其嵌入到页面中。这是一个指导，应该把你推向正确的方向。如果您有任何其他问题，请告诉我。

您可以阅读有关jQuery的AJAX在这里：

http://api.jquery.com/jQuery.ajax/