<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JQueryTest.aspx.cs" Inherits="自定义滚动条_JQueryTest" %>

<!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 id="Head1" runat="server">

    <title></title>

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

    <script type="text/javascript">

        $(function() {

            $("#btnOK").click(function() {

                $.ajax({

                    type: "Post",

                    url: "JQueryTest.aspx/SayHello",

                    data: "{}",

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

                    dataType: "json",

                    success: function(data) {

                        alert(data.d);

                    },

                    error: function(err) {

                        alert(err);

                    }

                });

                return false;

            });

            $("#btnOK0").click(function() {

                $.ajax({

                    type: "Post",

                    url: "JQueryTest.aspx/GetStr",

                    data: "{'str':'我是','str2':'XXX'}",

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

                    dataType: "json",

                    success: function(data) {

                        alert(data.d);

                    },

                    error: function(err) {

                        alert(err);

                    }

                });

                return false;

            });

            $("#btnOK1").click(function() {

                $.ajax({

                    type: "Post",

                    url: "JQueryTest.aspx/GetArray",

                    data: "{}",

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

                    dataType: "json",

                    success: function(data) {

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

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

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

                        });

                        alert(data.d);

                    },

                    error: function(err) {

                        alert(err);

                    }

                });

                return false;

            });

            $("#btnOK2").click(function() {

                $.ajax({

                    type: "Post",

                    url: "JQueryTest.aspx/GetHash",

                    data: "{'key':'haha','value':'哈哈！'}",

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

                    dataType: "json",

                    success: function(data) {

                        alert("key:haha==>" + data.d["haha"] + "/n key:www==>" + data.d["www"]);

                    },

                    error: function(err) {

                        alert(err + "err");

                    }

                });

                return false;

            });

            $("#btnOK3").click(function() {

                $.ajax({

                    url: "XMLTest.xml",

                    dataType: 'xml',

                    success: function(xml) {

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

                        $(xml).find("data>item").each(function() {

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

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

                        })

                    },

                    error: function(result, status) {

                        alert(status);

                    }

                });

                return false;

            });

        });   

 </script>

</head>

<body>

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

    <div>

        <input id="btnOK" type="button" value="button" />

        <input id="btnOK0" type="button" value="button" />

        <input id="btnOK1" type="button" value="button" />

        <input id="btnOK2" type="button" value="button" />

        <input id="btnOK3" type="button" value="button" />

        <ul id="list"></ul>

        <ul id="list1"></ul>

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

using System.Web.Services;

using System.Collections;  

public partial class 自定义滚动条_JQueryTest : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {  

        }  

        [WebMethod]

        public static string SayHello()

        {

            return "Hello Ajax";

        }  

        [WebMethod]

        public static string GetStr(string str, string str2)

        {

            return str + str2;

        }  

        [WebMethod]

        public static List<string> GetArray()

        {

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

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

            {

                li.Add(i + "");

            }

            return li;

        }  

        [WebMethod]

        public static Hashtable GetHash(string key, string value)

        {

            Hashtable hs = new Hashtable();

            hs.Add("www", "yahooo");

            hs.Add(key, value);

            return hs;

        }

    }

Jqeury ajax 调用C#的后台程序的更多相关文章

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

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

  2. AJAX不能访问MVC后台程序的问题

    AJAX不能访问后台的MVC有可能是MVC的后台程序加入了身份验证[Authorize]标记,这样前台的AJAX虽然结果显示的是4和200但是responsetext的值可以看到是返回了一个配置文件中 ...

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

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

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

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

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

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

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

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

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

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

  8. js数字转金额，ajax调用接口，后台返回html(完整页面)，打开新窗口并写入html

    一.转换成金额形式 function toMoney(num){ if(num){ if(isNaN(num)) { alert("金额中含有不能识别的字符"); return; ...

  9. Ajax——ajax调用数据总结

    在做人事系统加入批量改动的功能中,须要将前台中的数据传给后台.后台并运行一系列的操作. 通过查询和学习了解到能够通过ajax将值传入到后台,并在后台对数据进行操作. 说的简单点.就是ajax调用后台的 ...

随机推荐

  1. 【java】使用Builder模式，轻松应对动态繁杂的方法参数

    背景:在咱编写的图片处理模块里,针对加载这个方法,参数很多,如: /** * 加载图片,经过内存.磁盘.两层缓存如果还没找到,则走http访问网络资源 * @param url 地址 * @param ...

  2. c++之旅:类型的强制转换

    类型强制转换 在编程的时候我们经常遇到类型的强制转换,C++为此提供了更安全的转换方式,在编程中我们更多的应该采用C++提供的类型转换方式 基本类型转换 基本类型转换用的最多,一般将高精度转换为低精度 ...

  3. 【Linux学习】1.Linux基础知识

    记录学习Linux 系统的相关知识点,欢迎大家拍砖交流,一起成长:QQ:2712192471 作者背景:前端开发工程师 | Python | web安全爱好者 一,Windows系统下 Linux 的 ...

  4. springcloud---2

    每一个都是独立的springboot工程.通过自己的ip和端口访问. Eureka是服务发现组件,Eureka里面有一个服务注册表,存的是服务消费者和服务生产者的ip和端口.Eureka集群里面每个E ...

  5. ROS学习

    随着机器人领域的快速发展和复杂化,代码的复用性和模块化的需求原来越强烈,而已有的开源机器人系统又不能很好的适应需求.2010年Willow Garage公司发布了开源机器人操作系统ROS(robot ...

  6. 基于Node.js的爬虫工具 – Node Crawler

    Node Crawler的目标是成为最好的node.js爬虫工具,目前已经停止维护. 我们来抓取光合新知博客tech栏目中的文章信息.访问http://dev.guanghe.tv/category/ ...

  7. 20145331 《Java程序设计》第2次实验报告

    20145331 <Java程序设计>第2次实验报告 实验二 Java面向对象程序设计 一.实验内容 1.初步掌握单元测试和TDD 2.理解并掌握面向对象三要素:封装.继承.多态 3.初步 ...

  8. [BZOJ1058]报表统计

    Description 小Q的妈妈是一个出纳,经常需要做一些统计报表的工作.今天是妈妈的生日,小Q希望可以帮妈妈分担一些工 作,作为她的生日礼物之一.经过仔细观察,小Q发现统计一张报表实际上是维护一个 ...

  9. Jenkins-Kubernetes-docker-自动发布

    使用的是Jenkins pipeline: 这里只是做了更新,没有创建,没有借助helm等工具,先用着,以后再研究. pipeline { agent any stages { stage(" ...

  10. angular js实现开关效果

    功能:实现点击排序,再点击排倒序. 实现方法如下 方法一:定义变量实现点击切换true或false,代码为:  $scope.lidata = [                {"name ...