jQuery教程之jQuery ajax调用后台aspx后台文件方法
沉沙 2018-11-23 来源 : 阅读 1422 评论 0

摘要:本篇教程介绍了jQuery教程之jQuery ajax调用后台aspx后台文件方法,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。

本篇教程介绍了jQuery教程之jQuery ajax调用后台aspx后台文件方法,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。

<

在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。
  (1)通过aspx.cs的静态方法+WebMethod进行处理
   简单的介绍下WebMethod方法的用法
   1.修饰符主要用public static修饰
   2.方法前面加上[WebMethod]属性表明这是WebMethod方法
   3.前台html页面(Client端)访问时要使用post方法,和后台.cs文件进行数据交互,否则会返回整个html页面。
   4.当后台页面返回数据后,前台html页面需要用data.d接收返回的json字符串。
   5.访问url://abc.com/abc.aspx/ajax方法
   aspx.cs代码:

using System.Web.Services; 

[WebMethod]
public static string SayHello()
{
    return "Hello Ajax!";
}

   前台jquery代码:

$(function() {     
    $("#btn").click(function() {     
        $.ajax({              
            type: "post", //要用post方式                 
            url: "Demo.aspx/SayHello",//方法所在页面和方法名
            contentType: "application/json; charset=utf-8",     
            dataType: "json",     
            success: function(data) {                    
                alert(data.d);//返回的数据用data.d获取内容
            },
            error: function(err) {     
                alert(err);     
            }     
        });
    });     
});
 

 
 html代码:

<form id="form1" runat="server">
<div>
    <asp:Button ID="btn" runat="server" Text="验证用户" />
</div>
</form>

 (2)通过一般处理程序ashx进行处理;
   Jquery代码:

 $.ajax({  
           type: "POST",  
           url: "S_CBFBM.ashx",  
           data: { ZBM: p_zdm },  
           beforeSend: function() {  
            //$("#div_load").visible = "true;  
           },  
           success: function(msg) {  
           //$("#div_load").visible = false;  
           $("#ds").html("<p>" + msg + "</p>");  
           $("#CBFBM").val(msg);  
                }  
        });  

  ashx.cs代码:

    <%@ WebHandler Language="C#" Class="AjaxHandler" %>  
    using System;  
    using System.Web;  
      
    public class AjaxHandler : IHttpHandler {  
        public void ProcessRequest (HttpContext context) {  
            context.Response.ContentType = "text/plain";  
            if (context.Request["name"].ToString() == "admin" &&  
                context.Request["pass"].ToString() == "admin")  
            {  
                context.Response.Write("Y");  
            }  
            else  
            {  
                context.Response.Write("N");  
            }   
        }  
       
        public bool IsReusable {  
            get {  
                return false;  
            }  
        }  
    }  
   

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程