html代码里面如何调用数据库里面的数据,代码是怎样的

html代码里面如何调用数据库里面的数据,代码是怎样的,第1张

数据库交互,需要动态的语言,php,asp,jsp,NET

可以用这些语言从数据库取到数据输出html

也可以在html中通过jquery,js 跟服务器端进行交互。总之 *** 作数据库需要动态语言

一通过表单简单的传输数据,利用js代码接收传递的数据,注意method属性要设为get。

<form id="form" action="datahtml" method="get"></form>//action的值是你的目的html

在你的目的html中可通过url接收传递的数据,并将数据保存在一个对象中。

<script type="text/javascript" charset="utf-8">

windowonload = function() {

var url = windowlocationsearch;//locationsearch是从当前URL的号开始的字符串

consolelog(url);

var Request = new Object();

if (urlindexOf('') != -1) {

var a = '';

var str = urlsubstr(1)  //去掉号

strs = strsplit('&');

for (var i = 0; i < strslength; i++) {

a = strs[i]split('=')[0];

Request[a] = decodeURI(strs[i]split('=')[1]);//解码,生成获取信息的对象

consolelog(Request[a]);

}

}

consolelog(Request);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

注意这种方式传递中文数据需要用decodeURIComponent()或decodeURL()函数解码,unescape()现在似乎已经淘汰了。

然后利用documentwrite()或innerHTML等方法或函数将数据显示在网页上。此种方法适合自己平时写JS的小练习,此种方法无法将数据保存下来。

2使用Cookie传递参数

下面是简单的实例,a页面保存Cookie,b页面读取。

ahtml

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>a</title>

<script type="text/javascript">

/

@param {string} cookieName Cookie名称

@param {string} cookieValue Cookie值

/

function SetCookie(cookieName,cookieValue) {

/设置Cookie值/

documentcookie = cookieName + "=" + escape(cookieValue)

}

function login() {

var username = $("user")value;

if(usernamelength>0 && username) {

SetCookie("username", username);

/跳转到bhtml页面/

documentlocation = "bhtml";

}

}

function $(id) {

return documentgetElementById(id);

}

</script>

</head>

<body>

<div id="main">

<div><span>请输入你的名字</span><input type="text" id="user" /></div>

<div>

<input type="button" onclick="login()" value="提交" />

</div>

</div>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

bhtml

<html>

<head>

<meta charset="UTF-8">

<title>b</title>

<script type="text/javascript">

/

读取指定的Cookie值

@param {string} cookieName Cookie名称

/

function ReadCookie(cookie_name){

//判断是否存在cookie

if (documentcookielength > 0){

//查询cookie开始部分

cookie_start = documentcookieindexOf(cookie_name + "=")

//如果存在

if (cookie_start != -1){

//计算结束部分

cookie_start = cookie_start + cookie_namelength + 1

cookie_end = documentcookieindexOf(";", cookie_start)

//如果已经是最后一个cookie值,则取cookie长度

if (cookie_end == -1) {

cookie_end = documentcookielength

}

//获取cookie值,unescape对特殊字符解密

return unescape(documentcookiesubstring(cookie_start,cookie_end))

}

}

//其它情况返回空

return ""

}

function $(id) {

return documentgetElementById(id);

}

function init() {

var username = ReadCookie("username");

if(username && usernamelength>0) {

$("msg")innerHTML = "<h1>欢迎光临," + username + "!</h1>";

} else {

$("msg")innerHTML = "<a href='ahtm'>请录入名字</a>";

}

}

</script>

</head>

<body onload="init()">

<div id="msg"></div>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

此种方法也是适合自己平时写JS的小练习,此种方法无法将数据保存下来。

3通过web服务器利用前后端交互

前后端交互又可分为表单交互和url参数交互。表单交互是指在HTML中创建一个表单,用户填写表单后提交给服务器,服务器收到表单后返回处理结果。其大致构成如下:

URL参数经常用于浏览器向服务器提交一些请求信息。其流程图大致如下:

例如利用nodejs与json文件相连接,实现对本地json数据的增删改查,在不同网页间传递数据。

————————————————

版权声明:本文为CSDN博主「想躺」的原创文章,遵循CC 40 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:>

html是纯静态,实现你要的功能需要学习asp和php。

jsp好像也可以,不过我不会。

如果只要实现数据库增删改查和提交数据交互的话,以你的基础,看php方面的书一天足以搞定。

实现超链接,为什么还非要用Label呢,直接这样写不就可以了 <a href="url" Class="label4" target="_blank"><%# Eval("Msg_Title") %></a> 至于截取字符串,就用NET里面的截取函数,最好定义一个类,如下面的: public static string SubStr(string str, int n, string tail) { string tempStr = ReplaceHTML(str); string reStr = "";//返回值 if (n == 0) reStr = tempStr; else { //检测中英文 if (tempStrLength <= n / 2) { reStr = tempStr; } else { int t = 0; char[] tmp = tempStrToCharArray(); for (int i = 0; i < tempStrLength; i++) { int c; //c=ConvertToInt32(tempStrSubstring(i,1)); c = (int)tmp[i]; if (c < 0) c = c + 65536; if (c > 255) t = t + 2; else t = t + 1; if (t > n) break; reStr = reStr + tempStrSubstring(i, 1); } if (n < tempStrLength) reStr = reStr + tail; } } return reStr; //不检测中英文 //if (n >= tempStrLength) // n = tempStrLength; //return tempStrSubstring(0, n); } 然后调用的地方就这样写 SubStr(Eval("Msg_Title") ToString(),10,"") 这样就可以了

以上就是关于html代码里面如何调用数据库里面的数据,代码是怎样的全部的内容,包括:html代码里面如何调用数据库里面的数据,代码是怎样的、两个HTML页面如何传递数据、html怎么制作出可以和数据库交换信息的网页等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9318462.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存