如何将动态 php 页面放入 jquery 手稿“活动”部分

How to I put a dynamic php page into the jquery accordian "active" section

本文关键字：手稿 jquery 活动 部分 动态 php      更新时间：2023-09-26

我正在重做我的网站，随时有 80-120 辆车，所有车辆在我的数据库中都通过其唯一的库存号识别。我正在使用jQuery的手风琴来列出车辆：http://www.login.carcityofdanbury.com/New/?cat=01

打开手风琴后，如何将edit.php?stock=__STOCK__嵌入到打开手风琴的div 中？我尝试只使用 HTML <embed> 标签，但它使页面加载速度非常慢。

我是整个jQuery，Ajax，编码的新手，并且完全是一个自学成才的"边走边学"的人，所以演示，教程或示例会很棒。

您可以使用 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__ });
        }
    });
});​

触发更改事件时，将使用 AJAX 加载 edit.php 文件，并将 HTML 放入打开的折叠式幻灯片中。

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

例：

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

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

因此，在可折叠面板处理代码中，您需要放置以下内容：

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

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

jQuery也可以只加载页面的一部分，因此，如果您出于其他原因需要返回完整的HTML页面，您也可以利用该功能。

相关文章：