利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。介意方法名不要重名

建一个WebFormAjax名aspx文件

CS

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

<!DOCTYPE html>

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

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="Scripts/jquery-1.7.1.js"></script>

    <script src="Scripts/jquery-1.7.1.min.js"></script>

    <title></title>

    <script type="text/javascript">

        $(document).ready(

       function () {

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

               $.ajax({

                   type: "post",

                   url: "WebFormAjax.aspx/ajaxTest0",

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

                   dataType: "json",

                   success: function (data) {

                       $("#msg").css("color", "#0000FF").html(data.d);

                   },

                   error: function (err) {

                       $("#msg").css("color", "#FF0000").html("access faield:" + err);

                   }

               });

               return false;

           });

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

               var add = $("#txtAddress").val();

               var txtname = $("#txtName").val();

               $.ajax({

                   type: "post",

                   url: "WebFormAjax.aspx/ajaxTest",

                   data: "{'address':'" + add + "','name':'" + txtname + "'}",

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

                   dataType: "json",

                   success: function (data) {

                       $("#msg1").css("color", "#0000FF").html(data.d);

                   },

                   error: function (err) {

                       $("#msg1").css("color", "#FF0000").html("access faield:" + err);

                   }

               });

               return false;

           });

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

               var add = $("TextBox1").val();

               var name = $("TextBox2").val();

               $.ajax({

                   type: "post",

                   url: "WebFormAjax.aspx/ajaxTestList",

                   data: "{'address':'" + add + "','name':'" + name + "'}",

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

                   dataType: "json",

                   success: function (data) {

                       $("#msg2").html("");

                       $(data.d).each(function () {

                           $("#msg2").append("<li>" + this + "</li>");

                       });

                       $("#msg2").css("color", "#0000ff");

                   },

                   error: function (err) {

                       $("#msg").css("color", "#FF0000").html("access faield:" + err);

                   }

               });

               return false;

           });

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

               var add = $("#TextBox3").val();

               var txtname = $("#TextBox4").val();

               $.ajax({

                   type: "post",

                   url: "WebFormAjax.aspx/SortedList",

                   data: "{'address':'" + add + "','name':'" + txtname + "'}",

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

                   dataType: "json",

                   success: function (data) {

                       $("#msg3").html("");

                       //这里只取部分键、值显示

                       $("#msg3").append("<li>" + data.d["0_key"] + "</li>");

                       $("#msg3").append("<li>" + data.d["1_key"] + "</li>");

                       $("#msg3").append("<li>" + data.d["2_key"] + "</li>");

                       $("#msg3").append("<li>" + data.d["_key"] + "</li>");

                       $("#msg3").css("color", "#0000FF");

                   },

                   error: function (err) {

                       $("#msg3").css("color", "#FF0000").html("access faield:" + err);

                   }

               });

               return false;

           });

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

               $.ajax({

                   url: "xml/XMLFile1.xml",

                   dataType: "xml",

                   success: function (xmlData) {

                       $("#msg4").html("");

                       $(xmlData).find("books>book").each(function () {

                           $("#msg4").append("====new book====");

                           $("#msg4").append("<li>name:" + $(this).find("name").text() + "</li>");

                           $("#msg4").append("<li>author:" + $(this).find("author").text() + "</li>");

                           $("#msg4").append("<li>wordCount:" + $(this).find("wordCount").text() + "</li>");

                           $("#msg4").append("<li>price:" + $(this).find("price").text() + "</li>");

                       });

                       $("#msg4").css("color", "#0000FF");

                   },

                   error: function (err) {

                       $("#msg4").css("color", "#FF0000").html("access faield:" + err);

                   }

               });

               return false;

           });

           //

       });

    </script>

</head>

<body>

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

  <div>

        <asp:Button ID="btnClick" runat="server" Text="click me" OnClick="btnClick_Click" />

        <br />

        <span id="msg"></span>

 </div>

        <!--参数-->

        <div>

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

        address:<asp:TextBox ID="txtAddress" runat="server"></asp:TextBox>

        family name:<asp:TextBox ID="txtName" runat="server"></asp:TextBox>

        <br />

        <span id="msg1"></span>

        </div>

         <!--列表-->

        <div>

        <asp:Button ID="Button2" runat="server" Text="click me" />

        address:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        family name:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

        <br />

        <ul id="msg2">

        </ul>

             <!--SortedList列表-->

            <div>

        <asp:Button ID="Button3" runat="server" Text="click me" />

        address:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

        family name:<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>

        <br />

        <ul id="msg3">

        </ul>

                  <!--XML列表-->

                <div>

        <asp:Button ID="Button4" runat="server" Text="click me" />

        address:<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>

        family name:<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>

        <br />

        <ul id="msg4">

        </ul>

</div>

</div>

</div>

    </form>

</body>

</html>
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.Services;

namespace WebFromTest

{

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

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        [WebMethod]

        public static string ajaxTest0()

        {

            return "Hi,Welcome to China!";

        }

        [WebMethod]

        public static string ajaxTest(string address, string name)

        {

            return "Hi," + address + " " + name;

        }

        [WebMethod]

        public static List<string> ajaxTestList(string address, string name)

        {

            List<string> list = new List<string>();

            for (int i = ; i < ; i++)

            {

                list.Add("Hi:" + i.ToString());

            }

            list.Add("Hi:" + address + " " + name);

            return list;

        }

        [WebMethod]

        public static SortedList<string, string> SortedList(string address, string name)

        {

            SortedList<string, string> sl = new SortedList<string, string>();

            for (int i = ; i < ; i++)

            {

                sl.Add(i.ToString() + "_key", i.ToString() + "_value");

            }

            sl.Add("_key", "_value " + address + " " + name);

            return sl;

        }

        protected void btnClick_Click(object sender, EventArgs e)

        {

        }

    }

}

jQuery.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后台方法(非常重要)

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

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

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

  4. ajax 调用asp.net后台方法

    ajax 调用asp.net后台方法  这种做法有好几种,如调用xx.asxh 页面,或者直接调用xx.aspx也面,在page_Load中进行一些判断然后调用后面的其他方法, 或者你可以直接调用we ...

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

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

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

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

  7. JQuery ajax调用asp.net的webMethod

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

  8. JQuery直接调用asp.net后台WebMethod方法

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

  9. [ASP.NET]JQuery直接调用asp.net后台WebMethod方法

    在项目开发碰到此类需求,特此记录下经项目验证的方法总结. 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用 注意:方 ...

随机推荐

  1. Could not load java.net.BindException错误解决

    出现了错误异常:信息: Illegal access: this web application instance has been stopped already.  Could not load ...

  2. mac电脑的使用

    1. control + command + a 截图 2. shift + command + g 前往 3.在 Mac OS X 中怎样获取当前文件夹的路径 原文网址:https://www.zh ...

  3. JSBinding+Bridge.NET：生成绑定（导出）

    将框架代码导出到 JavaScript.就可以在 JavaScript 中调用 框架代码 的功能. 注意,这个功能是在 Js工程中做的,Cs工程没有这回事. 如何导出? 1. 将需要导出的类添加到 J ...

  4. css预处理语言的模块化实践

    编写css是前端工作中,一项普通而又频繁的劳动,由于css并不是一门语言,所以在程序设计上显得有些简陋.对于小型项目来说,css的量还不至于庞大,问题没有凸显,而如果要开发和持续维护一个较为大型的项目 ...

  5. Head First 设计模式之适配器模式与外观模式

    Head First设计模式之适配器模式与外观模式 前言: 之前讲过装饰者模式,将对象包装起来并赋予新的职责,这一章我们也会将对象进行包装,只不过是让它们看起来不像自己而像是别的东西.这样就可以在设计 ...

  6. 在CentOS上安装并运行SparkR

    环境配置—— 操作系统:CentOS 6.5 JDK版本:1.7.0_67 Hadoop集群版本:CDH 5.3.0 安装过程—— 1.安装R yum install -y R 2.安装curl-de ...

  7. Visual Studio Team System 2008 Team Suite（90 天试用版）

    安装完成后,在“控制面板”中启动“添加删除程序”,选中Vs2008,点击“更改.删除”,输入序列号:PYHYP-WXB3B-B2CCM-V9DX9-VDY8T

  8. 承接Unity3D外包公司 — 技术分享

    Cardboard SDK for Unity的使用 上一篇文章作为系列的开篇,主要是讲了一些虚拟现实的技术和原理,本篇就会带领大家去看一看谷歌的Cardboard SDK for Unity,虽然目 ...

  9. python学习笔记——1

    python1.python处理单/双引号==>处理字符串中包含单引号==>"I'm kunkun"==>处理字符串中包含双引号==>'I am " ...

  10. Python字符串处理

    字符串输入: my_string = raw_input("please input a word:") 字符串判断: (1) 判断是不是纯字母 my_string.isalpha ...