# EndsInterop

**Repository Path**: IEPI/ends-interop

## Basic Information

- **Project Name**: EndsInterop
- **Description**: 适用于 .net 网络编程后端初学者的示例项目。包含如何在前后端传递数据、如何异步更新页面等。
- **Primary Language**: C#
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-24
- **Last Updated**: 2022-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 说明

此为适用于 .net 网络编程后端初学者的示例项目。包含如何在前后端传递数据、如何异步更新页面等。

本示例的视频讲解：<https://www.bilibili.com/video/BV1Va411e73T>

## WebForm

WebForm解决方案包含基于 ASP.NET WebForm (.net framework 4.8) 的演示项目。
此项目使用 Visual Studio 2019 Community 编写，
并基于 ASP.NET WebForm (.net framework) 模板。
项目中对原模板提供页面进行删减和修改，以适应此示例的功能。

使用此示例，读者应当对 C#、html、JavaScript 有基本了解。
阅读时，从感兴趣的页面后台代码开始。例如：若想了解如何在请求响应中将数据传递到前端，可首先查看 B2F.aspx.cs 文件。

### 后端将数据传到前端

数据从后端到前端，是指将 C# 代码中的实例传递到前端页面的 Javascript 中。
该示例对应的实际应用场景可以是：获取到数据库中的数据后，传递到页面在地图等框架中进一步处理。
本示例中，以整数数组作为要传递的数据类型，通过嵌入代码，在渲染时将数据保存为页面上的隐藏内容，随后在Javascript中获取该内容。
示例中使用了JSON作为数据暂存格式。

学习此示例，从 B2F.aspx.cs 开始阅读。

### 局部更新页面

局部更新页面，是指在不发送整个页面POST请求的情况下，通过Javascript执行局部的GET或POST请求，
从服务端获取所需的数据（而非页面），并在接收到数据后，利用脚本逻辑修改页面上的内容。
本示例中使用JQuery简化AJAX的执行，以整数数组作为异步请求获取的数据内容，在成功回调后更新页面上的数据列表。

学习此示例，从 AJAX.aspx.cs 开始阅读。