Ajax和一般处理程序做异步刷新（查询）

最新推荐文章于 2021-08-06 12:22:20 发布

L＆wy

最新推荐文章于 2021-08-06 12:22:20 发布

阅读量153

点赞数

分类专栏： EF模型 Ajax 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_44719554/article/details/105380034

版权

EF模型同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

Ajax

9 篇文章 0 订阅

订阅专栏

本文介绍了如何在网页中利用Ajax技术与一般处理程序交互，实现数据的异步查询和页面部分更新，以提高用户体验。

摘要由CSDN通过智能技术生成

结构
在这里插入图片描述
主页面 Index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>   
        tr, td {
            border: solid red;
        }
        img {
            width:50px;
            height:50px;
        }
    </style>
    <script>
        //创建Ajax
        var xmlRequest;
        function create() {
            xmlRequest = new XMLHttpRequest();
        }
        //判断状态触发事件
        function readyRequest() {
            if (xmlRequest.readyState == 4) {
                if (xmlRequest.status == 200) {
                    document.getElementById("show").innerHTML = xmlRequest.responseText;
                }
            }
        }
        //发送请求
        function sendRequest() {
            create();
            xmlRequest.onreadystatechange = readyRequest;
            xmlRequest.open("GET","Handler1.ashx", true)
            xmlRequest.send(null);
        }
    </script>
</head>
<body>
<-- 显示盒子 -->
    <div id="show"> </div>
    <script>
        window.onload = function () {
            //窗体加载的时候加载数据
            sendRequest();
        }
    </script>
</body>
</html>

一般处理程序

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
namespace Ajax0
{
    /// <summary>
    /// Handler1 的摘要说明
    /// </summary>
    public class Handler1 : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //拼写一个HTML
            StringBuilder sb = new StringBuilder();
            //
            sb.Append("<table>");
            sb.Append("<tr><th>编号</th><th>名称</th><th>图片</th><th>价格</th></tr>");
            //查询表
            using (FoodDBEntities db = new FoodDBEntities()) 
            {
                var data = from bl in db.FoodList select bl;
                foreach (var item in data)
                {
                    sb.AppendLine(@"<tr><td>"+item.FoodID+ "</td><td>" + item.FoodName + "</td>" +
                        "<td><img src='images/" + item.pic + "'/></td><td>" + item.price + "</td></tr>");
                }
            }
            sb.Append("</table>");
            //输出
            context.Response.Write(sb);
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

L＆wy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax和一般处理程序做异步刷新（查询）

结构主页面 Index.html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <style> tr, td { border: solid...
复制链接

扫一扫

专栏目录