关闭

ASP.NET通过ajax调用后台方法

标签: asp.net
1535人阅读 评论(3) 收藏 举报
分类:

ASP.NET应用程序,通过ajax调用后台的方法

实现非常简单,直接上代码

页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ajax.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试</title>
    <script src="Source/jquery.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Button ID="btn" runat="server" Text="click me" />
            <asp:Label ID="lab" runat="server" Text="" />
        </div>
    </form>
</body>
</html>

<script type="text/javascript">
    // 文档加载
    $(document).ready(function () {
        // 绑定事件
        $("#btn").bind("click", send);
    })

    function send() {
        $.ajax({
            type: "post",
            url: "WebForm1.aspx/send",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                alert("调用成功!");
            },
            error: function (err) {
                alert("产生错误!");
            }
        });
    }
</script>

后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ajax
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public static string send()
        {
            return "true";
        }
    }
}

注意
前端页面,添加jQuery的引用
后台代码,方法必须为静态方法,而且,必须使用[WebMethod]进行声明

0
0
查看评论

JQuery Ajax调用asp.net后台方法

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
  • iouxyz
  • iouxyz
  • 2010-06-24 11:09
  • 25678

ASP.NET前台AJAX方法调用后台的方法写法

前台: //$().ready( // function () { // $("#AjaxDemo").click(function () ...
  • Top_xin
  • Top_xin
  • 2015-08-19 11:16
  • 1979

ASP.NET中JQuery+AJAX调用后台

做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断。我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现。但是,手机端应用MUI样式之后,就不适用于这种情况了。基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带aj...
  • u013036278
  • u013036278
  • 2016-03-25 13:55
  • 1927

asp.net ajax 调用页面方法实现异步操作

服务端:   [WebMethod]         public static string MyTest(string id)         { return "1"; ...
  • liwateryi
  • liwateryi
  • 2016-02-24 15:26
  • 1186

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

通过上一篇文章实例的实现,整个过程当中学习到很多知识点,了解了Jquery、Ajax在asp.net中的运用,加以总结,其实原理都是一样的,理解了一种,其他的注意很少的区别就可以了、灵活运用: 主要是我们要注意js代码里面的方法名要与后台一致,再有就是后台的方法必须是静态的,方法声明要加上特性[S...
  • lishehe
  • lishehe
  • 2013-11-01 08:57
  • 13047

.NET 中ajax如何调用后台.cs文件中的方法

最近在改一个项目,其中改到一个需求是,计算出勤率。就是输入应到人数,实到人数之后自动带入出勤率。 以前是在服务器端事件里面写的,这样有个弊端,就是每次都会autoback,体验效果很不友好。通过textbox的change事件,ajax调用后台的方法,可以做到无刷新的效果。 这里附上截图...
  • u012663055
  • u012663055
  • 2016-12-30 17:10
  • 795

ASP.NET—007:GridView数据的保存($.ajax实现前后台交互)

原文作者:杨友山原文地址:http://blog.csdn.net/yysyangyangyangshan/article/details/22438077前面看了如何增加和删除Gridview数据,但是无论怎样Gridview的数据除了展示给用户外,还需要进行编辑后保存的。也就是将Gridview...
  • yysyangyangyangshan
  • yysyangyangyangshan
  • 2014-03-28 22:15
  • 6034

asp.net中,用Ajax实现客户端调用服务器端的函数(PageMethods)

1.在顶端(Form中即可)增加ScriptManager(全局脚本控制器,必须有),以及其中的EnablePageMethods属性: 2.服务器端函数: [System.Web.Services.WebMethod] <=必须 Public static String getSer...
  • sunroyi666
  • sunroyi666
  • 2016-07-10 13:26
  • 864

asp.net js方法互调 asp.net 前台如何调用后台方法

1. JavaScript函数中执行C#代码中的函数: 方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2、在前台写一个js函数,内容为document.getElementById("btn1").click(); 3、在前台或...
  • u011966339
  • u011966339
  • 2017-04-06 16:21
  • 1195

页面使用Ajax控件,后台不能调用前…

如果使用Ajax控件实现无刷新弹出提示框,在后台写下面方法不能正常显示提示的内容 Response.Write("alert('你好');"); 解决方法: ScriptManager.RegisterStartupScript(UpdatePanel1...
  • juelingfeng
  • juelingfeng
  • 2014-08-07 13:23
  • 431
    个人资料
    • 访问:322936次
    • 积分:16999
    • 等级:
    • 排名:第698名
    • 原创:439篇
    • 转载:0篇
    • 译文:0篇
    • 评论:4856条