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

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

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

使用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); } }); 

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

  

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

JavaScript:

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

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