需要一些Javascript ASP.NET建議

Question

我對javascript / asp.net都有些陌生，但有一個小難題，我在這里有一個簡單的頁面（它將是帶有選項的產品頁面）。 如果選擇一個選項，它會立即將ID返回到標簽，因此我知道選擇了什么，我需要獲取這兩個選項ID，查詢數據庫，以便它在底部的標簽中向我返回SKU，而無需回發，我在某處閱讀了應該使用某種ashx文件的信息，但我真的不知道這意味着什么，在正確的前進方式和代碼示例中進行任何形式的指導都是值得贊賞的。

 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" /> <script type="text/javascript"> function SetOptions() { var a = document.getElementById("ddOption1"); var selectedIDa = a.options[a.selectedIndex].value; document.getElementById('option1').innerHTML = selectedIDa; var b = document.getElementById("ddOption2"); var selectedIDb = b.options[b.selectedIndex].value; document.getElementById('option2').innerHTML = selectedIDb; } </script> </head> <body> <form id="form1" runat="server"> <div class="container"> <table class="table"> <tr> <td>Color:</td> <td> <select name="ddOption1" id="ddOption1" onchange="SetOptions()"> <option selected="selected" value="0">-- Select --</option> <option value="283">Blue</option> <option value="299">White</option> <option value="296">Red</option> <option value="300">Yellow</option> </select> </td> <td> <label id="option1"></label> </td> </tr> <tr> <td>Size:</td> <td> <select name="ddOption2" id="ddOption2" onchange="SetOptions()"> <option selected="selected" value="0">-- Select --</option> <option value="1">Small</option> <option value="2">Medium</option> <option value="3">Large</option> </select> </td> <td> <label id="option2"></label> </td> </tr> </table> <br /> <label id="sku">SKU = </label> </div> </form> </body> </html>

Answer 1

ASHX文件稱為“ ASP.NET處理程序”，通常用於處理ajax請求。 使用Webform模式在ASP.NET中處理Ajax請求的另一種方法是使用WebMethods，因此也請看一下它們。

如果您不知道我在說什么：

Ajax請求也稱為XMLHttpRequests，其目的是通過在瀏覽器上呈現的網頁的“生存期”內發生的HTTP請求加載資源（文本，二進制...）。 然后，使用Javascript，您可以處理Ajax請求以獲取這些信息，並使它們與頁面邏輯/表示進行交互。

如果我可以建議您一種方法來學習您的操作，請閱讀有關Ajax請求的信息，然后了解如何通過純JS然后通過JQuery（您正在使用它）來管理它們，並且該方法有很多方法可用於處理這些請求）

然后，我將開始懷疑WebPage是否是使用Ajax創建網站的正確方法，因為MVC是一種更加靈活和“面向交互式Web”的模式，可讓您在頁面呈現方面擁有更大的自由度

需要一些Javascript ASP.NET建議

問題描述

1 個解決方案

解決方案1
1 2018-11-21 13:39:13

需要一些Javascript ASP.NET建議

問題描述

1 個解決方案

解決方案1 1 2018-11-21 13:39:13

解決方案1
1 2018-11-21 13:39:13