如何将一个动态的php页面放入jquery的“活动”部分

我正在重做我的网站，并且随时都有80-120辆车，全部通过其独特的库存号在我的数据库中确定。我使用jQuery的手风琴列出车辆： http://www.login.carcityofdanbury.com/New/?cat=01 如何将一个动态的php页面放入jquery的“活动”部分

如何嵌入edit.php?stock=__STOCK__到开放手风琴的DIV，一旦打开手风琴？我试过只是使用HTML <embed>标签，但它使页面加载非常缓慢。

我是新来的整个jQuery，Ajax，编码的东西，我完全是一个自学的“学习当我去”的家伙，所以演示，教程或例子将是伟大的。

来源

2012-05-04 Brad Guy

你使用的是什么版本的jQuery？有助于更好地定制答案。 – Ktash

jquery-1.7.1.min.js –

你可以在这里得到帮助： 'http：// api.jquery.com/jQuery.ajax /' – Vimalnath

你能得到一些帮助这里： http://api.jquery.com/jQuery.ajax/

例子：

$.ajax({ 
     url: "yourPage.php", 
     success: function(data){ 
     $("#youarea").text(data); 
     } 
    });

来源

2012-05-04 14:49:03 Vimalnath

这段代码去哪儿了，我怎么知道“＃” yourarea“是？ div没有我分配给他们的id。 –

你可以使用一个组合的jQuery的.load功能（http://api.jquery.com/load/）和jQuery UI的手风琴变化事件（http://jqueryui.com/demos/accordion/#event-change）的在手风琴幻灯片打开后触发：

$(document).ready(function(){ 

    $("#listVehicles").accordion({ 
     collapsible: true, 
     active: false, 
     autoHeight: false, 
     change: function(event, ui){ 
      ui.newContent.load('edit.php', { stock: __STOCK__ }); 
     } 
    }); 

});

当触发change事件，使用AJAX加载edit.php文件，并将HTML放入打开的手风琴幻灯片中。

来源

2012-05-04 14:51:47

这正是我想要完成的......谢谢Scrooby –

其实它没有将$ stock变量传递到edit.php页面 –

您可能需要通过jQuery加载函数的data参数传递您的$ stock值。我已经修改了我的答案，通过这种方式。 –

我会推荐使用专为此设计的jQuery load() function。你给它一个元素和一个url，它会将内容加载到元素中。

所以，在你的手风琴处理代码，您需要将以下：

$('#elementToLoadInto').load('edit.php?stock='+id');

从那里，你的PHP网页服务器应该建立一个单一的（或者，如果需要多个）<div>元素，不是完整的HTML页面。该内容将按原样放入#elementToLoadInto，就像它在那里编码一样。

jQuery也可以load only a piece of the page，所以你也可以利用该功能，如果你需要返回一个完整的HTML页面出于其他原因。

来源

2012-05-04 14:57:43 Ktash

如何将一个动态的php页面放入jquery的“活动”部分

回答

相关问题