ajax显示数据库(ajax读取数据库显示在前台)

程序开发 135
本篇文章给大家谈谈ajax显示数据库,以及ajax读取数据库显示在前台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 C#如何用ajax把本地数据库的数据显示在前端页面(view里面)?例如一个span一个div 首先写一个一般处理程序来获取到你要加载到前台的数据,并序列化成json格式。//代码实例public class AjaxUserList : IHttpHandler {

本篇文章给大家谈谈ajax显示数据库,以及ajax读取数据库显示在前台对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

C#如何用ajax把本地数据库的数据显示在前端页面(view里面)?例如一个span一个div

首先写一个一般处理程序来获取到你要加载到前台的数据,并序列化成json格式。

//代码实例

public class AjaxUserList : IHttpHandler {

        public void ProcessRequest(HttpContext context) {

            context.Response.ContentType = "text/plain";

            BLL.UserInfoBll userInfoBll = new BLL.UserInfoBll();

            int pageIndex;

            if (!int.TryParse(context.Request["pageIndex"],out pageIndex)) {

                pageIndex = 1;

            }

            int pageSize = 5;

            int pageCount = userInfoBll.GetPageCount(pageSize);

            //判断当前页码的取值范围

            pageIndex = pageIndex  1 ? 1 : pageIndex;

            pageIndex = pageIndex  pageCount ? pageCount : pageIndex;

            //获取分页数据

            ListModel.UserInfo userList = userInfoBll.GetPageList(pageIndex, pageSize);

            //获取页码条

            string pageBar = Util.PageBar.GetPageBar(pageIndex, pageCount);

            //***********************************************************

            //使用匿名类将多组数据序列化成Json格式

            //***********************************************************

            JavaScriptSerializer js = new JavaScriptSerializer();

            string json = js.Serialize(new { resultUserList = userList, resultPageBar = pageBar });//此处使用了匿名类将userList集合和pageBar进行封装后,再序列化

            //***********************************************************

            context.Response.Write(json);

        }

        public bool IsReusable {

            get {

                return false;

            }

        }

    }

然后,前台ajax请求这个一般处理处理程序获取到json数据,再通过js将数据添加到html。

//加载用户列表示例

        function LoadUserInfo(pageIndex) {

            $.post("AjaxUserList.ashx", { "pageIndex": pageIndex }, function (data) {

                var serverData = $.parseJSON(data);

                for (var i = 0; i  serverData.resultUserList.length; i++) {

                    $("trtd" + serverData.resultUserList[i].ID + "/tdtd" + serverData.resultUserList[i].UName + "/tdtd" + serverData.resultUserList[i].UPwd + "/tdtd" + ChangeDateFormat(serverData.resultUserList[i].SubTime) + "/tdtd" + serverData.resultUserList[i].Remark + "/tdtda href='javascript:void(0)' class='affbff9b9e9e4c88 details' Uid='" + serverData.resultUserList[i].ID + "'详细/a/tdtda href='javascript:void(0)' class='ff9b9e9e4c8855b4 edits' Uid='" + serverData.resultUserList[i].ID + "'编辑/a  a href='javascript:void(0)' class='9e9e4c8855b43ac4 deletes' Uid='" + serverData.resultUserList[i].ID + "' UName='" + serverData.resultUserList[i].UName + "'删除/a/td/tr").appendTo("#tabUserList");

                }

            });

        }

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.responseText; //id方式返回结果信息

Mess=ajax.responseText;

//alert(ajax.responseText); //JS弹出窗口方式返回结果信息

if (Mess=="登陆成功!"){

alert(ajax.responseText);

window.location.href='./'; //转到页面

}else{

alert(ajax.responseText); //这里是显示处理结果返回的值

return true;

}

}

}

}

以上是我做登陆提示的一段代码 如果需要其他数据 稍加修改即可 如果实时显示 需要做个定时器 多久显示一次

Ajax怎么调用后台php代码访问数据库并显示

由 JavaScript 调用的服务器页面,是名为 "getuser.php" 的简单 PHP 文件。

该页面用 PHP 编写,并使用 MySQL 数据库。

其中的代码执行针对数据库的 SQL 查询,并以 HTML 表格返回结果:

?php

$q=$_GET["q"];

$con = mysql_connect('localhost', 'peter', 'abc123');

if (!$con)

{

die('Could not connect: ' . mysql_error());

}

mysql_select_db("ajax_demo", $con);

$sql="SELECT * FROM user WHERE id = '".$q."'";

$result = mysql_query($sql);

echo "table border='1'

tr

thFirstname/th

thLastname/th

thAge/th

thHometown/th

thJob/th

/tr";

while($row = mysql_fetch_array($result))

{

echo "tr";

echo "td" . $row['FirstName'] . "/td";

echo "td" . $row['LastName'] . "/td";

echo "td" . $row['Age'] . "/td";

echo "td" . $row['Hometown'] . "/td";

echo "td" . $row['Job'] . "/td";

echo "/tr";

}

echo "/table";

mysql_close($con);

?

例子解释:

当查询从 JavaScript 被发送到这个 PHP 页面,会发生:

PHP 打开到达 MySQL 服务器的连接

找到拥有指定姓名的 "user"

创建表格,插入数据,然后将其发送到 "txtHint" 占位符

怎么利用ajax模糊查询后台数据库并在页面上用下拉框显示

在输入框加一个onkeyup时间,用setTimeout()函数1.5S向后台请求一次。

ajax你可以用JQuery库,因为你要自己写的话代码有点多。

比如用get()方式提交:

$.get(“你的URL", { name: "John", time: "2pm" }--这个是提交的参数,键值对,

function(data){--这个是从后台响应后调用的函数。data是后台返回的值。

alert("Data Loaded: " + data);

--在这里你得到数据了就好办了。

--建议你后台组装成json格式的字符串输出,这个用eval(data)得到json对象。然后取出你要的值。

});

ajax怎么请求接口,然后让数据库的信息显示在页面上。

var json = [

    {"id":1,"age":5},

    {"id":2,"age":4},

    {"id":3,"age":3},

    {"id":4,"age":2},

    {"id":5,"age":1}

];

for(var i=0,len=json.length;ilen;i++){

    $('eml').append(pjson[i].id/p)

}

要先引入 jquery , json是假设接口返回的数据。

ajax显示数据库的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于ajax读取数据库显示在前台、ajax显示数据库的信息别忘了在本站进行查找喔。

ajax显示数据库 ajax获取数据库数据ajax删除数据库数据ajax修改数据库数据用ajax怎么把数据存入数据库如何通过ajax查询数据库数据ajax读取数据库显示在前台ajax获取mysql数据库ajax连接mysql数据库html用ajax连接数据库ajax做数据库增删改
扫码二维码