js中如何用sql語句查出資料並顯示在下拉框裡

2019-12-11 23:11:31

js是用戶端瀏覽器語言，所有的js程式碼都是要先從伺服器上下載到使用者本機，然後，在瀏覽器解釋執行的。所以，js本身並不具備直接連線資料庫查詢資料的能力，但是，js可以呼叫後台方法，在後台方法中連線資料庫並查詢結果返回到前台顯示。

本文使用jquery的ajax方法將前台的sql語句傳遞到後台方法，模擬查詢出資料顯示在下拉框中

建立空的ASP.NET MVC專案

在專案中

1）新增Jquery到專案中

2）新增HomeController，用於寫後臺程式碼的地方

3）新增Index頁面，用於寫js與前台展現的地方

在Index頁面

1）新增Jquery參照

2）新增測試DOM結構

在HomeController

1）新增一個方法，用於接收前台傳遞過來的sql語句

2）在方法中，不實際連線資料庫，只是模擬資料返回

在Index頁面

新增js程式碼，呼叫後台方法，並將結果寫到介面dom的下拉框中

在瀏覽器中執行效果如下

1）開啟頁面後，在文字方塊中輸入模擬sql，本文可以隨便輸入，因為不會實際使用它執行

2）點選按鈕，提交後台返回結果

3）下拉框就使用後台返回的值填充了

系統安全性

1）本文僅僅只是演示，所以，將SQL語句直接從前台傳遞到後台去

2）實際專案中請不要這樣使用，這種容易出現SQL隱碼攻擊的問題，比如，SQL是刪除表的語句，後台執行後表就沒了

3）在實際的專案中如果非要這麼處理的話，前台js僅僅傳遞sql的相關引數到後台，後台需要檢測引數合法性，然後使用引數化的SQL執行