ajax数据库网页网站设计（如何用ajax编写登录页面）

本文目录

• 如何用ajax编写登录页面
• html静态页如何用ajax渲染数据库数据
• Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新
• 网页设计需要学习哪些软件和程序语言
• 前台用ajax,后台用C#,数据库用sql server,怎么让数据库的一个表呈现在前台html页面上

如何用ajax编写登录页面

这次给大家带来如何用ajax编写登录页面，用ajax编写登录页面的注意事项有哪些，下面就是实战案例，一起来看一下。
AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
ajax的优点：
1、最大的一点是页面无刷新，用户的体验非常好。
2、使用异步方式与服务器通信，具有更加迅速的响应能力。
3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。
4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
5、ajax可使因特网应用程序更小、更快，更友好。
这里我用ajax写一个简单的登录页面：首先用到的是数据库login的表：
下面是登录页面的代码，首先要引入jquery包
《head》
***隐藏网址***
《title》无标题文档《/title》
《script src="jquery-3.1.1.min.js"》《/script》 /*引入jquery包*/
《/head》
《body》
《h3》登录页面《/h3》
《p》用户名：《input type="text" id="uid"/》《/p》
《p》密码：《input type="text" id="pwd"/》《/p》
《p》《input type="button" id="btn"value="登录"/》《/p》11《/body》12《/html》登录页面很简单，就不上图了，之前的博客也写过很多次了
然后下面就是ajax的写法了。
《script type="text/javascript"》
$("#btn").click(function(){
//第一步：取数据,这里用到了用户名和密码
var uid=$("#uid").val();
var pwd=$("#pwd").val();
//第二步：验证数据，这里需要从数据库调数据，我们就用到了ajax
$.ajax({
url:"dlchuli.php",//请求地址
data:{uid:uid,pwd:pwd},//提交的数据
type:"POST",//提交的方式
dataType:"TEXT", //返回类型 TEXT字符串 JSON XML
success:function(data){
//开始之前要去空格，用trim()
if(data.trim()=="OK")
{
window.location.href = "main.php";
}
else{
alert("用户名或者密码错误");
}
}
})
})
《/script》dlchuli.php的代码写法如下：
《?php
include("DADB.class.php");
$db=new DADB();
$uid=$_POST;
$pwd=$_POST;
$sql="select password from login where username=’{$uid}’";
$arr=$db-》Query($sql);
if($arr=$pwd && !empty($pwd))
{
echo"OK";
}
else{
echo"NO";
}
?》写到这里，用ajax写的简单的登录页面就完成了，最大的好处就是如果出错会在原来的页面报错，不会蹦到其他的页面。
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
在项目中如何使用ajax请求
Ajax操作用户session失效怎么处理

html静态页如何用ajax渲染数据库数据

PHP查询数据库这部分你已熟悉我就不再展示相关代码，主要是拿到结果后将查到的结果以json格式打包发往前端的代码，如下：
//新建一个空数组名称为$rows 用于保存标准的json格式数据
$rows = array();
//使用循环将数据结果全部写入到$rows数组中,其中的$result为查询到的数据集合
while($row = $result-》fetch_assoc()) {
$rows = $row;
}
echo json_encode($rows); //将数组转为JSON格式，并返回给前端

Dreamweaver怎样用AJAX实现网页实时显示数据库数据的局部刷新

//** 实例化Ajax -------
var ajax = null;
//** 接收URL地址
var url = "./***.asp"; //这个文件是你处理的文件
if(window.XMLHttpRequest){
ajax = new XMLHttpRequest();
}else if(window.ActiveXObject){
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}else{
return;
}
//** 需要POST的值，把每个变量都通过&来联接
var postStr = "uid="+ uid +"&pwd="+ pwd; //这里是需要查询的参数 自定义 把ASP变量里的参数传进来即可
//** 通过Post方式打开连接
ajax.open("POST", url , true); //post get
//** 定义传输的文件HTTP头信息
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=GB2312"); //post 方法
//** 发送数据
ajax.send(postStr);
//** 返回数据的处理函数
ajax.onreadystatechange = function(){
var Mess;
if (ajax.readyState == 4 && ajax.status == 200){
//msg.innerHTML = ajax.resp***eText; //id方式返回结果信息
Mess=ajax.resp***eText;
//alert(ajax.resp***eText); //JS弹出窗口方式返回结果信息
if (Mess=="**成功！"){
alert(ajax.resp***eText);
window.location.href=’./’; //转到页面
}else{
alert(ajax.resp***eText); //这里是显示处理结果返回的值
return true;
}
}
}
}
以上是我做**提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次

网页设计需要学习哪些软件和程序语言

高级网页设计:visualstudio2005和网页三剑客,数据库设计技术,sql语言,photoshopcs,Coreldraw10,html语言,css样式表,ajax技术,sql数据库知识,ASP(jsp、php、其它动态网页技术)或.net技术+任意一种编程语言如c#或vb或c++或java等等.中级网页设计:网页三剑客,access或sql数据库设计技术,sql语言,photoshopcs,Coreldraw10,html语言,javascript语言,支持asp或php或jsp的脚本语言.简单动态设计:photoshop+frontpage+flash或网页三剑客,access数据库技术,sql语言,一种动态网页技术,html语言基础和javascript脚本基础.静态网页设计：photoshop+frontpage+flash或网页三剑客,一点html语言基础和一点javascript脚本基础.网页不用设计:frontpage+下载图片或Dreamweaver+下载图片.

前台用ajax,后台用C#,数据库用sql server,怎么让数据库的一个表呈现在前台html页面上

你是前端程序员还是后端程序员。我估计你前后都要写，首先要选好框架，包括前后端的。前端可以用bootstrap,找它的表格插件，学习如何使用，需要什么格式的数据。再写ajax提交参数到后端来查询数据库。后端有一些框架，我建议你简单一点就在asp.net项目添加一个一般性处理程序，你要去百度一下如何添加。然后在这个程序里面写代码查询数据库，返回前端需要的数据，一般都是json格式的数据