ajax 调用asp.net后台方法 

这种做法有好几种，如调用xx.asxh 页面，或者直接调用xx.aspx也面，在page_Load中进行一些判断然后调用后面的其他方法，

或者你可以直接调用webservice；

今天我简单总结一中方法，前提是：net Framework 4.0以上的版本才支持滴呀（包括4.0），也就是说：2.0 和 3.0 都不支持滴呀

前端写法：

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

     <input type="button" value="ClientClick有参数"  onclick="TestAjaxParam()"/>

        <input type="button" value="ClientClick2不带参数"  onclick="TestAjax()"/>

        <asp:Button ID="Button1" runat="server" Text="Button" />

    </div>

    </form>

        <script type="text/javascript" src="jq/jquery-1.9.1.js"></script>

        <script type="text/javascript">

      //客户端控件

      //带参数的

       function TestAjaxParam(){

         $.ajax({

          type:"POST",

          url: "WebForm1.aspx/TestAjaxParam",

          data:'{Name:"jack"}',

          dataType:"text",

          contentType:"application/json; charset=utf-8",

          success:function (data){

             alert(data);

           }

         })

       }

       //不带参数的

       function TestAjax(){

          $.ajax({

          type:"POST",

          url: "WebForm1.aspx/TestAjax",

          dataType:"text",

          contentType:"application/json; charset=utf-8",

          success:function (data){

             alert(data);

           }

         })

       }

       //服务端控件

       //"Default.aspx/Test",

       //"Default.aspx/TestAjax",

       $("#Button1").bind("click",function (){

          $.ajax({

              type:"post",

              url: "WebForm1.aspx/TestAjax",

              contentType:"application/json; charset=utf-8",

              dataType:"text",

              success:function (data){

                alert(data);

              }

           });

           //禁止按钮的提交

           return false;

       })

       </script>

</body>

</html>

后端方法

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication3

{

    public partial class WebForm1 : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        public static string showString()

        {

            System.Threading.Thread.Sleep();

            return "this method come from codeBind";

        }

        public static string Test()

        {

            return "Test";

        }

        //有参数

        [System.Web.Services.WebMethod]

        public static string TestAjaxParam(string Name)

        {

            System.Threading.Thread.Sleep();

            return "this method come from codeBind" + Name;

        }

        //无参数

        [System.Web.Services.WebMethod]

        public static string TestAjax()

        {

            System.Threading.Thread.Sleep();

            return "this method come from behide";

        }

    }

}

ajax 调用asp.net后台方法的更多相关文章

  1. JQuery Ajax调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: using System.Web.Scrip ...

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

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.介意方法名不要重名 建一个WebFormAjax名aspx文件 CS <%@ Page Language=" ...

  3. jQuery.ajax()调用asp.net后台方法(非常重要)

    http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...

  4. .Net中jQuery.ajax()调用asp.net后台方法 总结

    利用JQuery的$.ajax()调用.Net后台方法有多种方式, 不多说了  直接上代码 前台代码 <script type="text/javascript"> $ ...

  5. jQuery调用Asp.Net后台方法

    常用的ajax就不讲了,这里主要是说通过ajax调用asp.net后台的cs文件暴露的方法. 前台: <%@ Page Language="C#" AutoEventWire ...

  6. 利用JQuery直接调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...

  7. JS调用asp.net后台方法：PageMethods

    先帮朋友宣传一下程序人生(http://www.manong123.com)的网站,里面都是开发感悟,开发人员创业,支持一下吧~ 原来是通过PageMethods来实现的. 举个列子: Default ...

  8. Ajax调用asp.net后台代码

    后台代码: [WebMethod] public static string CreateDate(string name,string age) { return "姓名:"+n ...

  9. JQuery ajax调用asp.net的webMethod

    本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...

随机推荐

  1. SecureCrt脚本（二）二级对象之Dialog

    Crt自动化 测试 SecureCrt脚本 JS脚本   1.引言 2.Dialog属性和方法 2.1.属性 2.2.方法 2.2.1.FileOpenDialog 2.2.2.MessageBox ...

  2. JAVA NIO异步通信框架MINA选型和使用的几个细节(概述入门，UDP, 心跳)

    Apache MINA 2 是一个开发高性能和高可伸缩性网络应用程序的网络应用框架.它提供了一个抽象的事件驱动的异步 API,可以使用 TCP/IP.UDP/IP.串口和虚拟机内部的管道等传输方式.A ...

  3. Mock模拟后台数据接口--再也不用等后端的API啦

    ok,在开发中经常需要从后台获取数据,那么有时候后台的数据接口并没有写好,所以这时候,就需要自己模拟数据接口,来实现前端逻辑, 今天数的就是阿里巴巴的一款mock产品,很好用的哦!!!! ok!这是我 ...

  4. [译]- 6-1 排列窗体上的控件（Laying Out Widgets on a Form）

     排列窗体上的控件(Laying Out Widgets on a Form) 中英文对照:form(窗体),layout(布局或者排列,意思是进行窗体上控件的排列的过程,如大小位置等) absolu ...

  5. <html:option获取文本值

    <p class="w120">变更后IP:</p> <div class="comBobox w200 f_l"> < ...

  6. php 上传图片

    学习地址:http://www.imooc.com/video/2473 <?php header("content-type:text/html;charset=utf-8" ...

  7. 前端编码规范（4）—— CSS 和 Sass (SCSS) 规范

    CSS and Sass (SCSS) style rules ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称.代替表象和晦涩难懂 ...

  8. nodejs：本地文件夹http服务器http-server

    一.已经安装nodejs的电脑,有一个方便通过http访问本地文件夹.文件夹服务器 static files over HTTP,并不是我们平常说的node那个web服务器哦 二.好处 可以方便实现跨 ...

  9. Angualar：指令大全

    指令: 内置渲染指令 内置事件指令 内置节点指令 自定义指令 restrict template replace属性 templateUrl属性 trnsclude priorty terminal属 ...

  10. MyBatis+springMVC+easyUI (dataGirl)实现分页

    页面展示效果. 页面代码: <%@ page contentType="text/html;charset=UTF-8" language="java"  ...