`

.net AJAX jquery

阅读更多

.net的路由不能像ror的路由那样精确到Action,不过可以通过jquery的ajax方法多传递一个Key/value值,再到Page_Load方法中判断一下此value的值,再执行相应的方法。
当然也可以用ASP.NET AJAX的控件。 不过据说不怎么好

下面是个判断用户名是否存在的简单代码
C#代码:
    protected void Page_Load(object sender, EventArgs e)
    {
//判断是否有名为"Action"的key
        if (!Request.Params.AllKeys.Contains("Action"))
        {

        }
//判断keyvalue的值是不是"get_msg"
        else if(Request.Params.GetValues("Action").FirstOrDefault()=="get_msg")
        {
            test();
        }
    }

    protected void test()
    {
//获取key为"Username"的value
        string username = Request.Params.GetValues("Username").FirstOrDefault();
        string isValidateUsername = "";
//执行Users类的方法IsValidateUsername(string username)判断用户名是否存在
        if (Users.IsValidateUsername(username))
        {
            isValidateUsername = "用户名已存在";
        }
        else
        {
            isValidateUsername = "用户名不存在";
        }
//设置输出流的http MIME为application/json
        Response.ContentType = "application/json";
        Response.Write("{result: '" + isValidateUsername + "',textStatus1:'1'}");
        Response.Flush();
        Response.End();
    }
js代码:
<script type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
// <!CDATA[

function IsValidateUsername_onclick() {
   $.post("Login.aspx",
          { Action: "get_msg", Username: $("#username>input")[0].value },
   function (data, textStatus){
alert(data.result);
}, "json");
}

// ]]>
</script>
<ul>
<li id="username">
用户名:<asp:TextBox ID="tbUsername" runat="server"></asp:TextBox>
</li>
<li>
<input type="button" value="用户名是否存在" onclick="IsValidateUsername_onclick()" />
</li>
</ul>
分享到:
评论

相关推荐

    Asp.net Ajax Jquery电子地图源码

    【Asp.net Ajax Jquery电子地图源码】是一款基于ASP.NET技术,并结合AJAX和jQuery实现的交互式电子地图应用。这款源码提供了丰富的地图操作功能,如拖拽、缩放、放大、全屏显示、定位以及绘制线轴和矩形等,为开发者...

    Asp.net ajax文档 asp.net案例解析

    jQuery是一个流行的JavaScript库,可以与ASP.NET AJAX协同工作,简化DOM操作、事件处理和Ajax请求。通过jQuery,开发者可以更方便地控制ASP.NET AJAX控件的行为,增强网页的动态效果。 六、错误处理与调试 ASP.NET ...

    asp.net+jquery+ajax所有调用例子

    在这个“asp.net+jquery+ajax所有调用例子”中,我们将深入探讨如何结合这些技术来实现高效的用户交互。 首先,ASP.NET AJAX提供了UpdatePanel组件,使得页面的部分区域可以异步更新,而无需整个页面的回发。通过在...

    ASP.NET AJAX开发电子书(pdf)

    10. **Integration with MVC**: ASP.NET AJAX也能与ASP.NET MVC框架很好地集成,虽然MVC通常鼓励更分离的视图和更轻量级的页面更新,但通过jQuery和其他JavaScript库,仍然可以在MVC应用中实现复杂的AJAX操作。...

    ASP.NET Ajax 写的一个用户注册实例

    在ASP.NET中,我们可以使用Microsoft的AJAX Control Toolkit或者jQuery AJAX库来实现这一目标。 在用户注册实例中,通常包括以下几个关键步骤: 1. **前端设计**:使用HTML和CSS创建注册表单,包括用户名、密码、...

    asp.net 利用jquery-ajax调用后台方法

    在ASP.NET中,结合jQuery的AJAX功能,我们可以实现无刷新更新页面,提高用户体验。AJAX(Asynchronous JavaScript and XML)的核心是通过JavaScript在后台与服务器进行少量数据交换,无需重新加载整个网页。 在ASP...

    客户端 ajax asp.net ajax

    例如,可以使用JavaScript和ASP.NET AJAX库(如jQuery和MicrosoftAjax.js)来实现复杂的用户交互,同时利用ASP.NET的服务器控件和数据绑定功能来简化开发工作。 在项目"WebAjaxClient"中,可能包含了使用客户端AJAX...

    ASP.NET AJAX深入浅出系列课程视频(14)

    9. **整合jQuery**:jQuery是一个流行的JavaScript库,常与ASP.NET AJAX结合使用,以增强DOM操作、事件处理和动画效果。 10. **性能优化**:如何利用ASP.NET AJAX优化页面加载速度和服务器资源使用,包括减少HTTP...

    asp.net ajax 多文件上传

    ASP.NET AJAX 多文件上传是一种在Web应用中实现高效、用户友好的文件上传方式,它结合了ASP.NET技术和AJAX(Asynchronous JavaScript and XML)的优势,提供了异步上传功能,使得用户无需等待整个页面刷新就能完成...

    Asp.net Ajax+JQuery 无刷新文件上传

    "Asp.net Ajax+JQuery 无刷新文件上传"的实现主要是通过利用异步传输(Ajax)更新页面部分区域,而无需整个页面刷新,同时结合jQuery的便利性,可以实现更为流畅的用户交互。 首先,我们需要理解Ajax的基本原理。...

    ASP.NET Ajax程序设计(I卷)

    12. **Integration with jQuery**:虽然ASP.NET AJAX有自己的客户端脚本库,但它也支持与其他库如jQuery的集成,使得开发者能利用jQuery的强大功能。 通过深入学习这些概念和实践,开发者可以构建出更加动态、响应...

    asp.net使用jquery ajax 小例子

    ASP.NET与jQuery AJAX的结合是Web开发中常见的一种技术组合,它使得页面的异步更新成为可能,提高用户体验。在本教程中,我们将探讨如何在ASP.NET中利用jQuery的AJAX功能来调用后台处理程序或Web服务。 首先,我们...

    .net+jQuery无刷新多文件上传

    这种技术的核心在于利用Ajax异步通信和前端库(如jQuery)来处理用户交互,同时借助后端.NET框架处理文件上传逻辑。下面将详细介绍这个主题涉及的关键知识点。 1. **jQuery**:jQuery是一个轻量级的JavaScript库,...

    Asp.net中JQuery、ajax调用后台方法总结

    Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中,使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。下面总结了几种常见的调用方法。 有参数的方法调用 在前台使用 jQuery 代码调用后台方法时,需要...

    asp.net ajax简单例子

    前端JavaScript通常使用ASP.NET AJAX的`PageMethods`对象或`$.ajax`(如果使用jQuery)来发起AJAX调用。这些调用会发送HTTP请求到服务器,处理响应,并根据需要更新DOM。 总的来说,这个"asp.net ajax简单例子"展示...

    ASP.NET Ajax客户端编程

    1. **jQuery和MicrosoftAjax.js**:ASP.NET AJAX客户端库通常与jQuery一起使用,提供丰富的DOM操作和事件处理功能。MicrosoftAjax.js是ASP.NET AJAX的核心脚本库,包含了大部分AJAX功能。 2. **UpdatePanel**:...

    ASP.NET ajax源码

    5. **jQuery**和**jQuery UI**:虽然不是ASP.NET AJAX的一部分,但常与之一起使用,提供更强大的DOM操作和用户界面组件。 6. **JSON**(JavaScript Object Notation):通常用于在AJAX请求中传递数据,因为其轻量级...

    ASP.NET Ajax框架与组件

    ### ASP.NET Ajax框架与组件详解 #### 一、引言 随着互联网技术的快速发展,用户对于Web应用的体验有了更高的要求。传统的Web应用程序通常需要在每次用户交互时重新加载整个页面,这种做法不仅效率低下,而且用户...

    Asp.net+JQuery自动补全

    3. **后端处理**:在Asp.net中编写一个处理程序(如ASHX或ASPX页面),该程序接收来自jQuery的AJAX请求,查询数据库中与用户输入匹配的记录,并返回结果。 4. **前端实现**:在HTML页面中,引入jQuery库和...

Global site tag (gtag.js) - Google Analytics