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

原创 2017年10月07日 08:17:46

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]进行声明

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jQuery.ajax()调用asp.net后台方法

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法:详细参考:http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.h...

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。

先来个简单的实例热热身吧。 1、无参数的方法调用 asp.net code: using System.Web.Script.Services;         [WebMethod]...

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

Asp.net中JQuery、ajax调用后台方法总结 2013-11-04 08:26:26     我来说两句       作者:李社河 收藏    我要...

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。

[WebMethod]   命名空间 1、无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明 后台: 1 2 ...

Asp.net中ajax调用后台方法

ajax调后台的方法。 1、有参数的方法调用 示例代码如下:前台jQuery代码: $(function() {&nbsp;  这个当然不用说大家都知道的一种就是ajax调后台的方法。  1、有参...

jQuery.ajax()调用asp.net后台方法

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。先来个简单的实例热热身吧。1、无参数的方法调用C#后台代码: Code highlighting produced by A...

JQuery的$.ajax()调用asp.net的后台方法样例代码

引入头文件:                        ...

jquery.Ajax()方法调用Asp.Net后台的方法解析

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。 先来个简单的实例热热身吧。 1、无参数的方法调用 asp.net code: 复制代码 代码如下: using Sys...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)