网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
}
---
### 3、Form表单提交
Form 提交是一种简单直接的前后端交互方式,它通过在前端页面中创建一个表单,将用户输入的数据通过 HTTP POST 或 GET 请求提交到后端处理程序,后端处理程序接收表单数据并进行相应的处理,然后返回处理结果给客户端。
**代码示例:**
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Submit">
</form>
在这个例子中,我们创建了一个包含用户名和密码输入框的表单,并定义了提交按钮。表单的 `action` 属性指定了后端处理程序的 URL,`method` 属性指定了提交方式为 POST。在后端,我们需要编写处理表单提交的处理程序。根据表单提交方式的不同,后端程序接收到请求后,从请求中获取表单数据并进行处理。
**后端处理:**
using System;
using System.Web;
public class MyHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
// 获取表单数据
string username = context.Request.Form[“username”];
string password = context.Request.Form[“password”];
// 进行数据处理
// ...
// 返回响应给客户端
context.Response.ContentType = "text/plain";
context.Response.Write("Form submitted successfully!");
}
public bool IsReusable
{
get { return false; }
}
}
在这个示例中,我们编写了一个后端处理程序 `MyHandler`,它实现了 `IHttpHandler` 接口。在 `ProcessRequest` 方法中,我们从请求中获取了表单提交的用户名和密码数据,并进行相应的处理。然后,我们返回一个简单的成功消息给客户端。
---
## 二、后端接收传值的方式
### 1、Web Service
Web Service 是一种基于 Web 的标准化服务,可通过 HTTP 协议进行通信。通过创建 Web Service,可以提供跨平台应用程序之间的通信和数据交换。
**代码示例:**
[WebService]
public class MyWebService : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld(string name)
{
return "Hello, " + name + “!”;
}
}
**前端调用:**
function callWebService() {
var name = document.getElementById(‘txtName’).value;
MyWebService.HelloWorld(name, function(result) {
// 在这里处理从 Web Service 返回的响应数据
});
}
---
### 2、自定义处理程序
自定义处理程序是一种处理特定 HTTP 请求的方式,通常用于处理特定的 HTTP 请求或服务端 API。
**代码示例:**
public class MyCustomHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
string name = context.Request.QueryString[“name”];
context.Response.ContentType = “text/plain”;
context.Response.Write("Hello, " + name + “!”);
}
public bool IsReusable
{
get { return false; }
}
}
**使用:**
自定义处理程序通常通过 AJAX 技术进行调用。下面是一个使用 JavaScript 调用自定义处理程序的示例:
function callCustomHandler() {
var name = “John”; // 传递给处理程序的参数
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE) {
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
研究,那么很难做到真正的技术提升。**
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!