如何將一個動態的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的「活動」部分

回答

相關問題