从数据库动态获取数据并显示(一)

补充上一篇文章中遗留下来的坑,上篇文章从数据库动态获取时间并显示

由于昨天的文章中,前台向后台请求数据后后台返回的值是int[]类型,很多时候不太方便,没有用json传值是因为小尘很多地方还没明白,经过昨晚的恶补和今天的实践,小尘继续补充:

1.Ajax一般用作浏览器向服务器请求数据,小尘看了很多帖子都是这样用的:

function testGet() {
            $.ajax({
                type: 'get',
                url: 'NormalPage.aspx',
                async: true,
                success: function (result) {
                    alert(result);
                },
                error: function () {
                    setContainer('ERROR!');
                }
            });
}

注意url的值,指定了请求页面,但不会指定方法,后台代码在page_Log方法中写Respose,具体效果小尘没有实践,因为喜欢吧,小尘用了下面这种方法

function getdata() {

               $.ajax(
                    {
                       type: "post",    
                       async: false,   //异步请求(同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行)
                        //后台获取数据的函数,注意当对该页面重命名时,
                        url: "Default.aspx/getData",
                         //返回数据形式为json
                        contentType:"application/json; charset=utf-8",
                         dataType: "json",

                        //成功获取数据
                        success: function (result) {
                            var obj = JSON.parse(result.d);
                            console.log(obj);
                            alert("tip@@@@@@@@@@" + obj.dataTime + "@@@@@@@@@@@@end");
                            
                        },

                        //显示错误                                       
                        error: function (err) {
                            alert(err + "调用后台程序出现错误,请尝试刷新!");
                        },

                    });  
            }

注意这里的url,在页面后面跟了指定的方法,这种方法要求后台的对应方法为静态方法,所以在该方法中不能使用response(会报错,时间原因小尘没有去研究错误原因),后台代码(.cs):

 [WebMethod]
    public static string getData()
    {
        string dataOne =  "{" + '"' + "dataTime" + '"' + ":[1]"+',' +'"'+"dataValue"+'"'+":[10]"+ "}";
        return dataOne;
    }

这里小尘在后台返回了一个json格式的字符串给前台,而如果前台要用obj.dataTime(obj.key)的方式取值,需要将后台返回的数据解析成json对象,这里提一下response方法,用这种方法是可以直接返回一个json对象给前台的。

今天的经历分享就到这儿了,错误的地方欢迎批评,也期待大佬们对文章中提到的点进行指导!

### 回答1: 要从数据库获取数据并将其显示在网页上,你需要使用服务器端编程语言(如PHP、Python等)来连接数据库和网页,然后使用SQL查询语句从数据库中检索数据。 以下是一个简单的PHP示例代码,用于从MySQL数据库获取数据并在网页上显示: ```php <?php //连接数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "myDB"; $conn = mysqli_connect($servername, $username, $password, $dbname); //检查连接 if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } //执行SQL查询语句 $sql = "SELECT id, firstname, lastname FROM MyGuests"; $result = mysqli_query($conn, $sql); //在网页上显示查询结果 if (mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_assoc($result)) { echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>"; } } else { echo "0 results"; } //关闭数据库连接 mysqli_close($conn); ?> ``` 这段代码连接到名为“myDB”的数据库,然后执行一个SELECT语句来检索“MyGuests”表中的数据。如果查询返回结果,则在网页上以列表的形式显示数据。最后,关闭数据库连接。 当你将这段代码嵌入到HTML文件中并在Web服务器上运行时,它将从数据库中检索数据并将其显示在网页上。 ### 回答2: 从数据库获取数据显示在网页上可以通过以下几个步骤实现: 1. 连接数据库:根据所使用的数据库类型,选择相应的数据库连接工具,如MySQL、Oracle等。使用该工具连接到目标数据库。 2. 编写SQL查询语句:根据需求,编写合适的SQL查询语句,用于从数据库中获取需要的数据。根据需要可以使用SELECT、JOIN、WHERE等关键字进行查询条件的筛选和数据连接。 3. 执行SQL查询语句:在连接数据库的工具中,运行所编写的SQL查询语句,执行该语句并从数据库获取数据。 4. 处理查询结果:将从数据库中获取的数据保存到适当的数据结构中,如数组或列表。可以使用编程语言中的数据操作API,如JDBC、ODBC等,进行结果集的处理。 5. 创建网页:使用HTML、CSS等前端技术,创建一个网页框架,包括标题、表格或列表等结构。 6. 动态生成网页内容:使用服务器端编程语言如Java、Python、PHP等,在网页代码中嵌入后台代码,读取在第4步中处理的查询结果,根据数据来动态生成网页的内容。 7. 显示数据:将动态生成的网页内容返回给用户的浏览器,通过浏览器渲染引擎将网页内容解析并显示在用户的浏览器窗口中。 通过以上步骤,就可以从数据库获取数据显示在网页上了。需要根据具体的开发环境和要求选择合适的数据库连接方式和编程语言。 ### 回答3: 从数据库获取数据显示在网页上是一种常见的操作。在实现这一功能之前,我们需要确保已经建立了与数据库的连接。接下来的步骤可以分为以下几个部分: 1. 连接数据库:使用数据库相关的函数或工具建立与数据库的连接,并提供正确的连接参数(如主机名、用户名、密码等)。 2. 编写SQL查询语句:根据需求,编写适当的SQL查询语句来从数据库中获取所需的数据。可以使用SELECT语句来选择具体的列或行。 3. 执行查询:使用数据库连接对象执行查询语句,并将结果保存在一个结果集对象中。 4. 处理查询结果:使用结果集对象遍历数据库返回的数据,并将其保存在合适的数据结构中,如数组、列表或字典等。 5. 构建网页:使用HTML和CSS等技术构建网页的结构和样式。可以利用前端框架如Bootstrap提供的组件来快速构建网页。 6. 在网页中显示数据:通过服务器端的脚本语言(如PHP、Python、Java等)将从数据库获取的数据传递给网页。可以使用相关的模板引擎来渲染网页,将数据填充到对应的位置。 7. 部署网页:将构建好的网页和相关的服务器端脚本部署到一个Web服务器上,以便用户可以通过访问网页来获取数据库中的数据。 总结起来,通过以上步骤,我们可以从数据库获取数据并将其显示在网页上。这样,用户就可以通过网页来方便地查看和操作数据库中的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值