动态加载信息到Twitter Bootstrap模式

问题:

我想通过使用jQuery将链接属性中的值传递给PHP / SQL查询。

HTML代码:

HTML 

PHP代码:

  

场景:

当用户单击具有data-toggle =“modal”的link-element时,jQuery应该获取id-attribute的值(在本例中为1)并将其发送到SQL查询,以便SQL查询将看起来像:

 $query = "SELECT * FROM table WHERE id = 1"; 

jQuery代码:

 $("a[data-toggle=modal]").click(function(){ var essay_id = $(this).attr('id'); //Find $essay set it to essay_id in PHP //Alternatively create a $_SESSION['EID'] here }); 

题:

如何使用jQuery在PHP中设置变量($ essay)? 或者如何通过jQuery在PHP中创建会话变量?

这是解决方案,

 click 

在你的模态体上使用div,就像这样

   

现在使用ajax调用将数据放入.something 。请检查http://api.jquery.com/jQuery.ajax/以了解有关jquery ajax的更多信息。

  $(function(){ $('.push').click(function(){ var essay_id = $(this).attr('id'); $.ajax({ type : 'post', url : 'your_url.php', // in here you should put your query data : 'post_id='+ essay_id, // here you pass your id via ajax . // in php you should use $_POST['post_id'] to get this value success : function(r) { // now you can show output in your modal $('#mymodal').show(); // put your modal id $('.something').show().html(r); } }); }); }); 

最终解决方案

HTML代码:

  

jQuery代码:

 $("a[data-toggle=modal]").click(function() { var essay_id = $(this).attr('id'); $.ajax({ cache: false, type: 'POST', url: 'backend.php', data: 'EID='+essay_id, success: function(data) { $('#myModal').show(); $('#modalContent').show().html(data); } }); }); 
  1. 使用jQuery获取ID
  2. 通过AJAX将其传递给某些脚本
  3. 获得您的结果,并根据您的需要与他们合作

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