ASP.NET jQuery 事件里调用后台方法

利用js 调用后台写的方法

 1  <script src="js/jquery-1.7.1.min.js"></script>
 2  2     <script>
 3  3         $(function () {
 4  4             $(".btn").click(function () {
 5  5                 $("#txtname").val(‘<%=Session["Name"]%>‘);
 6  6                 $("#txtdate").val(‘<%=GetDate()%>‘);
 7  7                 $("#txtnum").val(‘<%=GetNum()%>‘);
 8  8             });
 9  9         });
10 10     </script>
11 11
12 12
13 13
14 14
15 15 <body>
16 16     <form id="form1" runat="server">
17 17     <div>
18 18         <asp:TextBox ID="txtname" runat="server"></asp:TextBox><br />
19 19         <asp:TextBox ID="txtdate" runat="server"></asp:TextBox><br />
20 20         <asp:TextBox ID="txtnum" runat="server"></asp:TextBox>
21 21         <input type="button"  class="btn" value="提交" />
22 22     </div>
23 23     </form>
24 24 </body>

前台代码

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7
 8 namespace 测试
 9 {
10     public partial class 前台调用后台方法 : System.Web.UI.Page
11     {
12         protected void Page_Load(object sender, EventArgs e)
13         {
14             Session["Name"] = "黎明";
15         }
16         public static string GetNum()
17         {
18             string num = "张三";
19             return num;
20         }
21         public string GetDate()
22         {
23             string date = System.DateTime.Now.ToString("yyyy-MM-dd");
24             return date;
25         }
26     }
27 }

后台代码

时间: 2024-10-18 04:53:06

ASP.NET jQuery 事件里调用后台方法的相关文章

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

通过上一篇文章实例的实现,整个过程当中学习到很多知识点,了解了Jquery.Ajax在asp.net中的运用,加以总结,其实原理都是一样的,理解了一种,其他的注意很少的区别就可以了.灵活运用: 1.有参数的方法调用 示例代码如下:前台jQuery代码:$(function() {  知道的一种就是ajax调后台的方法. 1.有参数的方法调用 示例代码如下: 前台jQuery代码: [plain] view plaincopyprint? <span style="font-size:18p

Jquery跨域调用后台方法

//前端JS function CallHandlerByJquery() { var url = "http://" + window.location.hostname + "/Helper.ashx?FLAG=2&BIZINST_GUID=276259&callback=?&rand="+Math.random(); $.ajaxSettings.async = false; $.getJSON(url, function (data)

asp.net如何在前台利用jquery Ajax调用后台方法

一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此整理后记录如下 先贴上前台代码如下: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="aspnetAjax.In

前台JS(Jquery)调用后台方法 无刷新级联菜单示例

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页面: [html] view plaincopyprint? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_De

Asp.net中ajax调用后台方法

这个当然不用说大家都知道的一种就是ajax调后台的方法.1.有参数的方法调用示例代码如下:前台jQuery代码:$(function() {  这个当然不用说大家都知道的一种就是ajax调后台的方法. 1.有参数的方法调用 示例代码如下: 前台jQuery代码: $(function() {   var browers = browersEstimate();   var params = '{browersType:"' + browers + '"}';   $.ajax({   

关于datagrid中控件利用js调用后台方法事件的问题

前台调用后台方法除了用button的click事件,还可以用js调用  一.前台页面如图 需求点击这个按钮触发后台事件,从而能够调用存储过程 <epoint:HyperLinkColumn HeaderText="考评算分" Name="SetUp" NavigateText="<div class='small-icon small-icon-setting'></div>"  IsAutoWidth="

webform中 ajax调用后台方法(非webservice)

后台: public partial class Ajax_ShoppingCart : System.Web.UI.Page { bookdbDataContext bdc = Connect.bookdb(); protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) { if(Request.Form["method"]!=null) { switch (Request.Form["me

JQuery AJAX请求aspx后台方法

利用JQuery封装好的AJAX来请求aspx的后台方法,还是比较方便的,但是要注意以下几点: 1.首先要在方法的顶部加上[WenMethod]的特性(此特性要引入using System.Web.Services;命名空间) 2.其次方法一定要是静态(static)方法. 下面我做了几个不同的调用后台方法的例子: 1.不带参数返回string方法 前台代码: 1 //不带参数返回string方法 2 $.ajax({ 3 type: "post", 4 url: "后台返回

js调用后台方法 (AjaxPro.2.dll的基本使用)

1. 在web.config文件中的<system.web>加入以下设置 <add verb="POST,GET" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2" /> 2. 添加一个页面,页面名称为Defalut.aspx 在后台Defalut.aspx.cs页面写以下代码: protected void Page_Load(object sender,