webform后台接受前台的ajax_webform ajax 调用后台方法 - CSDN
精华内容
参与话题
  • 做MVC有些日子了,突然在工作中需要使用到asp.net web2.0 的webform,感觉一下子又回到了过去,但是却发现自己在前台JQuery中怎么调用后台cs代码都忘记了。找了些相关的资料,逐个测试使用了下,效果不错。贴出来...

          做MVC有些日子了,突然在工作中需要使用到asp.net web2.0 的webform,感觉一下子又回到了过去,但是却发现自己在前台JQuery中怎么调用后台cs代码都忘记了。找了些相关的资料,逐个测试使用了下,效果不错。贴出来大家需要的是参考下。

    1.在前台html控件调用c#后台变量。
    在后台的类代码里定义一个字符串。如
    public partial class Index : System.Web.UI.Page
    {
        public string msg = "";
    }
    然后可以写方法改变此字符串的值。
    前台调用也很简单:
    <input id="Text1" type="text" value="<%=msg%>"/>
    2.在前台html调用c#后台方法
    后台有一个方法:
    public string test()
    {
        return "message";
    }
    前台代码:
    <input id="Text2" type="text" value="<%=test()%>"/>
    3.在前台js里调用c#后台变量
    后台代码:
    public partial class Index : System.Web.UI.Page
    {
        public string msg = "";
    }
    前台代码:
       <script>alert("<%=msg%>");</script>
    4.在前台js里调用c#后台变量
    后台有一个方法:
    public string test()
    {
        return "message";
    }
    前台代码:
    <script>alert("<%=test() %>");</script>
    5,前台js里调用后台带参数的方法
    public string test(string a)
    {
        return a+",我是参数传进来的";
    }
    <script>alert("<%=test("021") %>");</script>
    6,前台js里调用后台带参数的方法
     //商品信息
    function getProInfo(t) {
        var result = "";
        result = MallPowerSite.order.ChangeOrderEdit.GetProductInfo(t).value;//后台的方法,注意这里不用双引号
         return result;
    }
    

    值得注意的是,要在js中调用C#的变量和函数返回的结果,js代码必须写在页面的<script>...</script>中,而不能写在独立的*.js文件中,这样会js会将*.js的C#代码作为字符串处理,而不是变量或者方法。

    展开全文
  • Ajax调用后台方法的几种写法(一)

    万次阅读 2012-12-13 14:54:59
    第一种如下:Js部分: var loadingDialog = $('Please wait for a little while.'); function bsl_showLoadingDialog(title) { loadingDialog.dialog({ modal:
    第一种如下:Js部分:
     <script language="javascript" type="text/javascript" src="JScripts/jquery-1.8.3.js"></script>
        <script language="javascript" type="text/javascript" src="JScripts/jquery-ui-1.9.2.custom.min.js"></script>
        <link type="text/css" rel="Stylesheet" href="Css/jquery-ui-1.9.2.custom.min.css" />
        <script language="javascript" type="text/javascript">
            var loadingDialog = $('<div id="dialog" title="" width="100%"><p class="center"><img src="Images/loading.gif"/></p><br/><p class="center">Please wait for a little while.</p></div>');
            function bsl_showLoadingDialog(title) {
                loadingDialog.dialog({
                    modal: true,
                    title: title,
                    width: 400,
                    height: 300,
                    closeOnEscape: false,
                    resizable: false
                });
                loadingDialog.parent().find('.ui-dialog-titlebar-close').hide();
            }
    
            $(function () {
                $("#btnOK").click(function () {
    
                    $.ajax({
                        type: "POST",
                        async:true,
                        url: "WebForm1.aspx/TestAjax",    //必须是后台的静态方法
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        //  data: "name=John&location=Boston",
                        data:"",
                        beforeSend: function () {
                            bsl_showLoadingDialog("请稍等");
                        },
                        success: function (msg) {
                            $(loadingDialog).dialog("close");
                            alert("Data Saved: " + msg.d);
                        },
                        error: function (err) {
                            $(loadingDialog).dialog("close");
                            alert(err);
                        }
                    });
                    //禁用按钮的提交 
                    return false;
                });
            });
        </script>
    页面部分:
      <asp:Button ID="btnOK" runat="server" Text="验证用户"  /> 
    后台方法:
      [WebMethod]//从前台调用必须是static方法,且必须加WebMethod
            public static string TestAjax()
            {
              //  lblName.Text = "Hello, Async";
                WebForm1 webForm = new WebForm1();
                if (webForm.lblName != null)   //此处的lblName(Label)为null值,这个方法放在WebForm1的类中
                {
                    webForm.lblName.Text = "Hello,Async";
                }
               Thread.Sleep(3000);
                return "true";
            }

    局限性:后台的方法必须是静态的,导致就无法使用页面中其他的控件,无法给其他控件赋值。
    展开全文
  • ASP.NET通过ajax调用后台方法

    千次阅读 2018-01-30 17:37:38
    ASP.NET应用程序,通过ajax调用后台的方法 实现非常简单,直接上代码 页面代码 "C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ajax.WebForm1" %> ...head runat="serve

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

    展开全文
  • ckeditor取值问题 前台+后台 取值方法

    千次阅读 2015-10-07 23:55:33
    ckeditor这个编辑器,使用jquery ajax post提交,js里面直接通过$("#content").text()获取不到值,原来他有个方法专门返回文本框中的值,下面为具体方法 建立一个webform页面,添加ckeditor编辑器  content...

    ckeditor这个编辑器,使用jquery ajax post提交,js里面直接通过$("#content").text()获取不到值,原来他有个方法专门返回文本框中的值,下面为具体方法


    建立一个webform页面,添加ckeditor编辑器

     <CKEditor:CKEditorControl ID="content" name="content" runat="server"> </CKEditor:CKEditorControl>


    后台获取编辑器内容

    string ckValue = content.Text;

     

    javascript获取

    <script type="text/javascript">
            function GetckValue() {
                var content = CKEDITOR.instances.content.getData();   //CKEDITOR.instances.控件ID.getData();
                alert(content);
            }
     </script>



    展开全文
  • ASP.NET后台取前端控件值

    万次阅读 2013-01-08 11:24:03
    C# 后台获取前台 input 文本框值. string aa=Request.Form[headself]; 那么要是后台前台input文本框赋值呢? 后台 public string Headself=null; Headself="123"; 前台 也可以把input改为服务器...
  • 最近在开发项目中遇到用前台ajax调用后台静态方法,在静态方法中却取不到Session的问题:非静态的字段、方法或属性“System.Web.UI.Page.Session.get”要求对象引用
  • 前台访问后台的几种方法

    千次阅读 2013-12-05 23:25:11
    public static方法,ajax/PageMethods调用。 test.cs [WebMethod] public static string GetUserName() { //...... } 需要访问操作session时 [WebMethod(EnableSession = true)]//或[WebMethod(true)] public
  • $.ajax({ type: "Post", url: "SetWidget.ascx/GetStr", data: "{'str':'我是','str2':'XXX'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { ...
  • 使用插件Ajax.dll或者AjaxPro.dll。咱使用了Ajax.dll,需先去网上下载Ajax.dll,然后引用到项目中,并在Web.Config中配置如下: 在system.web的节点下加上这句, 页面代码: JS代码: /...
  • ASP.NET前台后台传参数并返回Json值

    千次阅读 2017-11-10 17:59:15
    前台:    $(function () {  var startDate = "2017-06-01 12";  var endDate = "2017-06-01 12";  $.ajax({  type: "post",  con
  • 一、前台调用后台 1、前台调用后台变量(注:...2、前台调用后台方法(即Ajax,见Jquery,绑定到按钮的Click) 二、后台调用前台 1、后台使用前台的变量  方法一: 1、前台使用静态文本控件隐藏域,将js变量值写入其中
  • 后台:定义protected或者public变量X存储需要传到前台的值。 前台:使用方式:在js脚本中使用 "" 获取后台传入的值即可   这是其中的一种比较简单的方法,其他方法可以google,百度之
  • asp.net利用Ajax和Jquery在前台后台传参数并返回值,通过aspx.cs中的静态方法WebMethod进行处理 后台代码: using System.Web.Services; //引入命名空间 [WebMethod] public static string SayHello() {  ...
  • 在asp.net web form 中使用ajax

    千次阅读 2014-03-25 12:30:57
    在asp.net web form 中使用ajax 首先可以先去看看一篇兄弟文章:http://blog.csdn.net/mfcdestoryer/article/details/22041975 里面有一些背景知识。 首先看效果图: 这是整个项目工程的文件图...
  • 后台 public string getzj(){ string zj="FF1E" return zj; } 前台1.html中怎样获取zj??? 注:对象名%>这种方法取不到,项目目录下没有web.config,所以ajax好像也 走不通,本人菜鸟,求各路大神指教
  • 前台使用的是html一个from表单里面一个file的input框 如下: 这里没有使用submit按钮进行提交操作,使用的是平常的button按钮进行上传,因为submit会进行刷新表单,所以不用submit,你也可以使用submit...
  • 第一种:前台接收 dataType: "json",  success: function (data) {  var varReceiver = data;  。。。。。。。。。  } @ Page Language="C#" AutoEventW
  • C#web页面向后台传递数据有很多方法,可以使用服务器控件,也可以使用ajax,本文介绍几种常用的方法: 方法 (1)使用服务器控件; (2)使用ajax+aspx; (3)使用ajax+ashx; (4)使用ajax+aspx静态方法。  ...
  • 网站是围绕数据库来编程的,以数据库中的数据为中心,通过后台来操作这些数据,然后将数据传给前台来显示出来(当然可以将后台代码嵌入到前台)。即: 本文来自:...
1 2 3 4 5 ... 20
收藏数 920
精华内容 368
关键字:

webform后台接受前台的ajax