一 ：最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后，原来在asp.net中利用Ajax调用后台方法同样很简单，为了便于自己以后查看，特将此整理后记录如下

先贴上前台代码如下：

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

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

 <head runat="server">

     <title>

         <%=Title %></title>

     <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

     <style type="text/css">

         td

         {

             text-align: center;

         }

     </style>

     <script type="text/javascript">

         $(function () {

             $("#but").attr("disabled", false);

         });

         //（全/反）选：

         function getChk() {

             if ($("#ch").attr("checked")) {

                 $(".chk").attr("checked", true);

             } else {

             $(".chk").attr("checked",false);

             }

         }

         //利用AJAX将数据发送到后台并判断数据选中情况方法：

         function sendData() {

             var sendValue = "";

             $(".chk").each(function (i,chk) {

                 if (chk.checked) {

                     sendValue += $.trim($(chk).parent().parent().find(".getData").text());

                     sendValue += ",";

                 }

             })

             if (sendValue.length == 0) {

                 alert("请选择需要传输的数据！！");

                 return;

             }

             sendValue = sendValue.substr(0, sendValue.length - 1);

             //开始ajax to asp.net：

             $.ajax({

                 type: "post",

                 contentType: "application/json",

                 url: "Index.aspx/GetAjaxValue",

                 data: "{sendValue:'" + sendValue + "'}",

                 beforeSend: function () {

                     $("#but").attr("disabled", true);

                 },

                 success: function (data) {

                     alert(data.d);

                 }, complete: function () { }, error: function () { }

             })

         }

     </script>

 </head>

 <body>

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

     <div>

         <table width="400px"; border="1px solid blue" cellpadding="0px" cellspacing="0px" style="border-color: Green; text-align:center">

             <tr>

                 <th>

                     全选<input type="checkbox" id="ch" onclick="getChk()" />

                 </th>

                 <th>

                     数据

                 </th>

             </tr>

             <tr>

                 <td>

                     <input type="checkbox" class="chk" />

                 </td>

                 <td class="getData">

                     1234

                 </td>

             </tr>

             <tr>

                 <td>

                     <input type="checkbox" class="chk" />

                 </td>

                 <td class="getData">

                    5678

                 </td>

             </tr>

             <tr>

                 <td>

                     <input type="checkbox" class="chk" />

                 </td>

                 <td class="getData">

                    12345678

                 </td>

             </tr>

             <tr>

                 <td>

                     <input type="checkbox" class="chk" />

                 </td>

                 <td class="getData">

                    87654321

                 </td>

             </tr>

         </table>

     </div>

     </form>

     <hr />

     <input type="button" id="but" onclick="sendData()" value="将选中的数据利用Ajax发送到后台" style=" background-color:#0080BB; cursor:pointer; border:1px solid #008094; border-radius:5px;" />

 </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.Script.Serialization;

 using System.Web.Services;

 namespace aspnetAjax

 {

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

     {

         public string title = "asp.net中使用Ajax";

         protected void Page_Load(object sender, EventArgs e)

         {

         }

         [WebMethod]

         public static string GetAjaxValue(string sendValue)

         {

             return sendValue;

         }

     }

 }

注意事项说明1：

注意事项说明二：

最终实现：

天气寒冷，就先写到这里....

asp.net如何在前台利用jquery Ajax调用后台方法的更多相关文章

  1. jquery + ajax调用后台方法

    前台js: var parameter = ""; $.ajax({ type: "POST", //提交方式 url: "Default.aspx/ ...

  2. Jquery ajax调用后台aspx后台文件方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. (1)通过aspx.cs的静态方法+WebMethod进行处理 简单的介绍下 ...

  3. jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...

  4. java 中使用ajax调用后台方法注意事项

    java 中使用ajax调用后台方法注意事项,后台方法一定要加@ResponseBody jQuery.validator.addMethod("checkRuleName",fu ...

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

    通过上一篇文章实例的实现,整个过程当中学习到很多知识点,了解了Jquery.Ajax在asp.net中的运用,加以总结,其实原理都是一样的,理解了一种,其他的注意很少的区别就可以了.灵活运用: 1.有 ...

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

    方法一:通过创建一个没有内容的窗体 后台: public partial class Ajax_ShoppingCart : System.Web.UI.Page { bookdbDataContex ...

  7. asp.net core 的 razor pages 如何使用ajax调用后台方法

    Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法. 当网页被写入浏览器时,基于服务器的代码能够创建动态内容. 在网页加载时,服务器在向浏览器返回页面 ...

  8. JS常用方法总结，及jquery异步调用后台方法实例

    //前台接收get参数值 function getQueryString(name) {            var queryStrings = window.location.search.sp ...

  9. C#实现简易ajax调用后台方法

    在当前WEB当中,有些人都会抛弃asp.net的服务器控件,转而使用ajax来进行数据的交互和存储. 当我们大量使用ajax的时候,对于新手而言,肯定会创建很多的ashx或aspx页面,通过拼接参数, ...

随机推荐

  1. Oracle存储过程中临时表的使用技巧

    一.Oracle临时表知识 在Oracle中,临时表分为SESSION(会话级).TRANSACTION(事务级)两种,SESSION级的临时表数据在整个SESSION都存在,直到结束此次SESSIO ...

  2. jq prepend() 方法在被选元素的开头（仍位于内部）插入指定内容。 提示：prepend() 和 prependTo() 方法作用相同。差异在于语法：内容和选择器的位置，以及 prependTo() 无法使用函数来插入内容。

    <html><head><script type="text/javascript" src="/jquery/jquery.js" ...

  3. 设置 tableview 的背景 颜色 和清空

    表示图中Cell默认是不透明的,那么在设置表示图的背景颜色和图片时通常是看不到的 1.给tableView设置背景view UIImageView *backImageView=[[UIImageVi ...

  4. [Leetcode] Merge Intevals

    Question: Given a collection of intervals, merge all overlapping intervals. For example,Given [1,3], ...

  5. 【BZOJ3211&3038】花神游历各国&上帝造题的七分钟2（CodeVS）

    Description   Input   Output 每次x=1时,每行一个整数,表示这次旅行的开心度 Sample Input 4 1 100 5 5 5 1 1 2 2 1 2 1 1 2 2 ...

  6. Golang redigo hmset hset 问题

    最近公司项目,换到了golang 下面来开发,遇到了redis存储链表的问题,困扰了我好几天,后面静下心来,好好读了一下源码,发现官方的例子,最终还是羊毛出在羊身上 c, err := dial() ...

  7. 可能碰到的iOS笔试面试题（4）--C语言

    可能碰到的iOS笔试面试题(4)--C语言 可能碰到的iOS笔试面试题(4)--C语言 C语言,开发的基础功底,iOS很多高级应用都要和C语言打交道,所以,C语言在iOS开发中的重要性,你懂的.里面的 ...

  8. orcale 动态执行语句

    create or replace function fn_test2(tablename in varchar2) return number is rtn number; begin --通用的获 ...

  9. mac终端命令大全全全全全全全全全

    OSX 的文件系统 OSX 采用的Unix文件系统,所有文件都挂在跟目录 / 下面,所以不在要有Windows 下的盘符概念. 你在桌面上看到的硬盘都挂在 /Volumes 下. 比如接上个叫做 US ...

  10. HDU1224 DP

    Free DIY Tour Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tot ...