将PHP变量传递给Jquery而不刷新

时间:2012-03-30 14:33:43

标签: php jquery

我为缺乏jquery知识而道歉。在我正在建设的这个网站中,向用户呈现了许多代表植物的缩略图。单击缩略图时,将启动jquery弹出窗口。我希望能够做的是将具有工厂ID的php变量传递给jquery弹出窗口以显示prper信息。任何帮助将不胜感激。谢谢。

编辑:http://www.plantcombos.com/header/main_index.php?display=random_mix

2 个答案:

答案 0 :(得分:1)

我很确定你不需要每次都查询PHP ......这样的事情会起作用:

<img class-"imgclick" src="/small-plant.jpg" data-id="123" />

这将是您服务器端的输出(如果您使用的是php,则为php) - 它将图像的ID存储在data属性中

JavaScript:

$(document).ready(function() {
   $('.imglink').click(function(event) {
      event.preventDefault();
      $('dialogid')
        .data('image_id', $(this).data('id'))
        .dialog('open');
   })
})

然后将data属性中的图像ID传递给对话框的data属性。可以使用对话框中的$(this).data('image_id')表单访问此属性

答案 1 :(得分:0)

使用jQuery AJAX方法从PHP文件中收集数据并将其显示在页面上。它非常简单,您可以将任何您喜欢的变量(参数)传递给页面。

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

例如:

// This will send a request to a PHP page
$.ajax({
    url: "http://example.com/test.php",
    dataType: "html",
    success: function(data){
        // Place the returned data into your content
        $('#image').html(data);
    }
});