怎样用ajax和div显示数据库里的内容和内容

这个结合过往的经验来给个扼要的方法给题主

我们先假设几个前提条件是已经具备的:

– 服务端负责从数据库中拿数据的功能已实现

– 服务端访问地址是:http://127.0.0.1/getdata

然后需要一点准备工作,准备一个第三方的开发工具

这里推荐可以试试有名的jQuery

分两步来实现:

1.准备HTML

<!DOCTYPE html><html>

<head>

<script type=”text/Javascript” src=”/nj/js/jquery.min.js”>

</head>

<body>

<div>数据库取到的数据显示在下面</div>

<div id=”div_data”></div>

</body>

</html>

2.写实现的JS,并把代码插入到上面的HTML中

<script>

$(document).ready(function(){

$(“#div_data”).load(“http://127.0.0.1/getdata”);

});

</script>

启动服务,然后试运行以下就能看到Ajax取数据库中的数据并显示在DIV里啦

欢迎大家讨论用更多的方法实现题主的需求

本文来自投稿,不代表天一生活立场,如若转载,请注明出处:http://www.tiyigo.com/it/41728.html

(0)
上一篇 2023-09-02 16:10
下一篇 2023-09-02 16:26

相关推荐