js中如何用sql语句查出数据并显示在下拉框里

来源：互联网 2023-03-17 00:46:55 252

js是客户端浏览器语言，所有的js代码都是要先从服务器上下载到用户本机，然后，在浏览器解释执行的。所以，js本身并不具备直接连接数据库查询数据的能力，但是，js可以调用后台方法，在后台方法中连接数据库并查询结果返回到前台显示。

本文使用jquery的ajax方法将前台的sql语句传递到后台方法，模拟查询出数据显示在下拉框中

方法/步骤

创建空的ASP.NET MVC项目

js中如何用sql语句查出数据并显示在下拉框里

1本页面非法爬取自百度经验

在项目中

1）添加Jquery到项目中

2）添加HomeController，用于写后台代码的地方

3）添加Index页面，用于写js与前台展现的地方

js中如何用sql语句查出数据并显示在下拉框里

在Index页面

1）添加Jquery引用

2）添加测试DOM结构

js中如何用sql语句查出数据并显示在下拉框里

在HomeController

1）添加一个方法，用于接收前台传递过来的sql语句

2）在方法中，不实际连接数据库，只是模拟数据返回

js中如何用sql语句查出数据并显示在下拉框里

在Index页面

添加js代码，调用后台方法，并将结果写到界面dom的下拉框中

js中如何用sql语句查出数据并显示在下拉框里

在浏览器中运行效果如下

1）打开页面后，在文本框中输入模拟sql，本文可以随便输入，因为不会实际使用它执行

2）点击按钮，提交后台返回结果

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

js中如何用sql语句查出数据并显示在下拉框里

系统安全性

1）本文仅仅只是演示，所以，将SQL语句直接从前台传递到后台去

2）实际项目中请不要这样使用，这种容易出现SQL注入的问题，比如，SQL是删除表的语句，后台执行后表就没了

3）在实际的项目中如果非要这么处理的话，前台js仅仅传递sql的相关参数到后台，后台需要检测参数合法性，然后使用参数化的SQL执行

js中如何用sql语句查出数据并显示在下拉框里

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： SQL JQUERY