c# asp.net利用ajax和ashx文件进行交互

最新推荐文章于 2021-11-03 11:05:03 发布

●紫枫

最新推荐文章于 2021-11-03 11:05:03 发布

阅读量1.4k

点赞数 1

分类专栏： asp.net 文章标签： c# asp.net ajax

本文链接：https://blog.csdn.net/weixin_41053472/article/details/116596621

版权

本文详细介绍了如何在c# ASP.NET环境中使用AJAX与ASHX处理程序进行交互，以实现动态内容的生成和数据传输。通过创建ASHX文件并处理HTTP请求，展示了如何接收和响应AJAX传递的数据。在实际应用中，遇到数据传输延迟导致的交互问题，通过在JS中添加`event.preventDefault();`解决了页面刷新问题。同时，文章讨论了在与ECharts结合时的数据格式化问题，以及在AJAX请求中关于`dataType`和JSON序列化的重要性。

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

c# asp.net利用ajax和ashx文件进行交互

.ashx 文件用于写web handler的。.ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类，它免去了普通.aspx页面的控件解析以及页面处理的过程。其实就是带HTML和C#的混合文件。

.ashx文件适合产生供浏览器处理的、不需要回发处理的数据格式，例如用于生成动态图片、动态文本等内容。

新建一个ashx文件，名字为handler2.ashx,内容如下

<%@ WebHandler Language="C#" Class="Handler2" %>

using System;
using System.Web;

public class Handler2 : IHttpHandler {
   
    
    public void ProcessRequest (HttpContext context) {
   
        context.Response.ContentType = "text/plain";
        context.Response.Write("Hello World");
    }
 
    public bool IsReusable {
   
        get {
   
            return false;
        }
    }

}

HTML里添加代码如下。

<label>用户名：</label><input id="iptInsertUser" />
<label>密码：</label><input id="iptInsertPassword" />
<button id="btnInsert" >确认</button>
<script type="text/javascript">
    $("#btnInsert").on("click", function () {
    
        var user = $('#iptInsertUser').val();
        var password = $('#iptInsertPassword').val();
        $.ajax({
    
            type: "post",
            url: "/Handler2.ashx",
            data: {