WebForm + Ajax网页简易聊天

最新推荐文章于 2021-08-06 22:53:33 发布

无懈可击Poiu

最新推荐文章于 2021-08-06 22:53:33 发布

阅读量308

点赞数

分类专栏：聊天文章标签： Asp.net WebForm Ajax Jquer CSS

本文链接：https://blog.csdn.net/qq_21197837/article/details/84715646

版权

博客介绍了如何使用WebForm结合Ajax实现一个简单的网页聊天功能。通过插入数据到数据库，并利用setInterval()定时读取消息，展示在页面上。文中包含关键代码示例，如Ashx处理程序和生成随机名字的逻辑，适合初学者学习。

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

很容易理解插入数据到数据库在使用 setInterval() 读取数据显示在页面中好了不废话直接上代码不会的可以加我微信 Jth11163

效果图片

在这里插入图片描述

WebForm + Jquer + Css 代码


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication15.WebForm1" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="jquery-3.3.1.js" ></script>
    <style>
        *{
            list-style:none;
            padding:0px;
            margin:0px;
        }
        ul{
            line-height:20px;
        }
        li{
            padding-left:20px;
            text-align:left;
            margin-bottom:10px;
            color:blue;
        }
        #form1{
            width:500px;
            height:550px;
            margin:auto;
            border:1px solid black;
        }
        .Box{
            width:500px;
            height:500px;
            box-sizing:border-box;
            border:1px solid bla