如何使用jQuery負載來獲取產品的電子商務網站

我試圖創造建立在asp.net web表單電子商務網站的AJAX功能。在這個AJAX功能中，我必須從數據庫加載產品並顯示在我的頁面中。如何使用jQuery負載來獲取產品的電子商務網站

我使用jQuery的爲使得AJAX調用Load方法。我知道如何使用.load（）方法，但我對如何從數據庫獲取產品感到困惑。

這裏的主要問題是，我必須通過2個參數來篩選產品。這些是「產品關鍵字」和「產品類別」。所以請指導我從jQuery Load Method中創建此功能。

謝謝

2017-05-26 johnpro

爲什麼不直接使用''ajax'和POST'通過傳遞數據？你有沒有閱讀文檔？ – Craicerjack

您可以將數據作爲'$ .load（ 'serversidemedthod'，{ 'product_keyword'： 'somekeyword'， 'PRODUCT_CATEGORY'： 'somecategory'}，函數（）{....}）'。這是你想要的？ –

謝謝你GuruprasadRao現在我明白了。 – johnpro

你當然可以使用jQuery Load方法從數據庫中獲取你的產品。爲此，您使從jQuery的負載AJAX調用從第1頁第2頁

第1頁： 添加一個div id爲「resultDiv」。

<div id="resultDiv"></div>

在這個div中，產品將受到jQuery加載方法的影響並顯示出來。

然後添加負載方法這樣的代碼：

$("#resultDiv").load("page2.aspx #productData", { "keyword": "" + $("#keywordInput").val() + "", "category": "" + $("#categorySelect").val() + "" }, function (response, status, xhr) { 
    if (status == "error") 
     alert("Error: " + xhr.status + ": " + xhr.statusText); 
});

的「productData」將在第2頁和jQuery負載一個div將獲取其內容。在load（）函數的第二個參數中，我傳遞了關鍵字和類別。

你可以在這裏拍攝的是「keywordInput」可以是一個文本框，而「categorySelect」可以是一個選擇控制。用戶在文本框中添加關鍵字並選擇類別，然後他可以按提交按鈕。按鈕的點擊事件是jQuer Load代碼將被寫入的地方。

第2頁：在頁面中添加一個div 「productData」：

<div id="productData" runat="server"></div>

在此Page_Load事件裏面，你調用一個函數&命名爲「FetchProduct」的.cs頁。

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 
     FetchProduct(); 
    } 
}

在FetchProduct（）你使用的Request.Form參數關鍵字和參數類別值，然後把產品從數據庫，並展示他們的productData DIV中。代碼belwo解釋這一點：

void FetchProduct() 
{ 
    string keyword = Request.Form["keyword"]; 
    string category = Request.Form["category"]; 

    string information=""; 
    //get products form databaase then add them to information variable and show them inside productData div 
    productData.InnerHtml = information; 
}

現在productData將展示的產品，但由於2頁逐頁1到jQuery的負載稱爲因此他們也將顯示第1

我建議您在請參閱 - 這個jQuery Load方法教程，它解釋了在您的網站中使用.load（）方法的一些好方法。

來源

2017-05-26 14:56:03 joeyhello

謝謝你的解決方案爲我正確工作。 – johnpro

如何使用jQuery負載來獲取產品的電子商務網站

回答

相關問題