ajax post 异步 和 Json ashx学习

本文介绍了一个使用ASP.NET和AJAX技术实现的简单示例。该示例通过HTML表单接收用户输入,并使用jQuery库发送异步请求到服务器端的Handler.ashx文件。服务器端处理请求后返回JSON格式的数据,客户端再将这些数据显示在页面上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
</head>
<body>
    <form id="form1">
    <input type="text" id="txt" name="txt"/>
    <input type="button" value="submit" onclick="formsubmit();" />
    <div id="hu">
    </div>
    </form>
</body>
<script type="text/javascript">
//    var url = window.location.search;
//    var para = url.split('?');
//    if (para.length>1) {
//    paras = para[1].split('&');
//    para = paras[0].split('=');
//    alert(para[0].toString()+"="+para[1].toString());
//    }
    
    function formsubmit() {
    $.post("Handler.ashx",{id:"1",name:"hu"},function (res) {
    
    var para=eval(res);
    $("#hu").html(para[0].id+"-"+para[0].name);
    alert("complete!");
    });
    }
    
</script>
</html>


Handler.ashx:

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

using System;
using System.Web;

public class Handler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {

        string id = context.Request.Form["id"];
        string name = context.Request.Form["name"];

        //Json形式输出
        string res = "{id:'" + id + "',name:'" + name + "'},";
        res = "[" + res + "]";
        
        context.Response.Write(res);
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值