类型:Jquery;问题:jquery调用后台带参数方法;结果:利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
[WebMethod] 命名空间
1、无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明
后台<C#>:
1
2
3
4
5
6
7
|
using System.Web.Script.Services; [WebMethod] public static string SayHello() { return "Hello Ajax!" ; } |
前台<JQuery>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
$( function () { $( "#btnOK" ).click( function () { $.ajax({ //要用post方式 type: "Post" , //方法所在页面和方法名 url: "data.aspx/SayHello" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function (err) { alert(err); } }); //禁用按钮的提交 return false ; }); }); |
2、带参数的方法调用
后台<C#>:
1
2
3
4
5
6
7
|
using System.Web.Script.Services; [WebMethod] public static string GetStr( string str, string str2) { return str + str2; } |
前台<JQuery>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
$( function () { $( "#btnOK" ).click( function () { $.ajax({ type: "Post" , url: "data.aspx/GetStr" , //方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字 data: "{'str':'我是','str2':'XXX'}" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function (err) { alert(err); } }); //禁用按钮的提交 return false ; }); }); |
3、返回数组方法的调用
后台<C#>:
1
2
3
4
5
6
7
8
9
10
11
12
|
using System.Web.Script.Services; [WebMethod] public static List< string > GetArray() { List< string > li = new List< string >(); for ( int i = 0; i < 10; i++) li.Add(i + "" ); return li; } |
前台<JQuery>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
$( function () { $( "#btnOK" ).click( function () { $.ajax({ type: "Post" , url: "data.aspx/GetArray" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //插入前先清空ul $( "#list" ).html( "" ); //递归获取数据 $(data.d).each( function () { //插入结果到li里面 $( "#list" ).append( "<li>" + this + "</li>" ); }); alert(data.d); }, error: function (err) { alert(err); } }); //禁用按钮的提交 return false ; }); }); /// <reference path="jquery-1.4.2-vsdoc.js"/> $( function () { $( "#btnOK" ).click( function () { $.ajax({ type: "Post" , url: "data.aspx/GetArray" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //插入前先清空ul $( "#list" ).html( "" ); //递归获取数据 $(data.d).each( function () { //插入结果到li里面 $( "#list" ).append( "<li>" + this + "</li>" ); }); alert(data.d); }, error: function (err) { alert(err); } }); //禁用按钮的提交 return false ; }); }); |
4、返回Hashtable方法的调用
后台<C#>:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
using System.Web.Script.Services; using System.Collections; [WebMethod] public static Hashtable GetHash( string key, string value) { Hashtable hs = new Hashtable(); hs.Add( "www" , "yahooooooo" ); hs.Add(key, value); return hs; } |
前台<JQuery>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$( function () { $( "#btnOK" ).click( function () { $.ajax({ type: "Post" , url: "data.aspx/GetHash" , //记得加双引号 T_T 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 ; }); }); |
5、操作xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
XMLtest.xml: view plaincopy to clipboardprint? <? xml version="1.0" encoding="utf-8" ?> < data > < item > < id >1</ id > < name >qwe</ name > </ item > < item > < id >2</ id > < name >asd</ name > </ item > </ data > <? xml version="1.0" encoding="utf-8" ?> < data > < item > < id >1</ id > < name >qwe</ name > </ item > < item > < id >2</ id > < name >asd</ name > </ item > </ data > |
前台<JQuery>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
$( function () { $( "#btnOK" ).click( function () { $.ajax({ url: "XMLtest.xml" , dataType: 'xml' , //返回的类型为XML ,和前面的Json,不一样了 success: function (xml) { //清空list $( "#list" ).html( "" ); //查找xml元素 $(xml).find( "data>item" ).each( function () { $( "#list" ).append( "<li>id:" + $( this ).find( "id" ).text() + "</li>" ); $( "#list" ).append( "<li>Name:" + $( this ).find( "name" ).text() + "</li>" ); }) }, error: function (result, status) { //如果没有上面的捕获出错会执行这里的回调函数 alert(status); } }); //禁用按钮的提交 return false ; }); }); |
类型:Jquery;问题:jquery调用后台带参数方法;结果:利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。的更多相关文章
- 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: view plaincopy to clip ...
- C# 调用Mysql 带参数存储过程
使用C#调用Mysql 带参数的存储过程: 1.创建带参数的存储过程:USP_Temp_Test 2.两个参数:IN 参数为 P_XML , OUT 参数为 P_ErrorOut 3.C#代码调用该存 ...
- c#调用Mysql带参数的存储过程
1.首先创建一个带参数的存储过程 ①存储过程名称=proc_bookinfo ②存储过程2个参数 一个in 一个out in参数名称=ispay out参数名称=unPaycount ③ 这个存储过 ...
- 25.按要求编写一个Java应用程序: (1)编写一个矩形类Rect,包含: 两个属性:矩形的宽width;矩形的高height。 两个构造方法: 1.一个带有两个参数的构造方法,用于将width和height属性初化; 2.一个不带参数的构造方法,将矩形初始化为宽和高都为10。 两个方法: 求矩形面积的方法area() 求矩形周长的方法perimeter() (2)通过继承Rect类编写一个具有
package zhongqiuzuoye; //自己写的方法 public class Rect { public double width; public double height; Rect( ...
- jQuery获取URL中所带参数的办法
可以使用正则表达式进行结果的拆分: http://www.cnblogs.com/babycool/p/3169058.html 可以直接进行所需内容的split: http://blog.scien ...
- Lua调用C++带参数的方法
C++代码: // LuaAndC.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> #i ...
- 按要求编写一个Java应用程序: (1)编写一个矩形类Rect,包含: 两个属性:矩形的宽width;矩形的高height。 两个构造方法: 1.一个带有两个参数的构造方法,用于将width和height属性初化; 2.一个不带参数的构造方法,将矩形初始化为宽和高都为10。 两个方法: 求矩形面积的方法area() 求矩形周长的方法perimeter() (2)通过继承Rect类编写一个具有确定位
package com.hanqi.test; public class Rect { ; ; public double getWidth() { return width; } public vo ...
- 利用JQuery直接调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...
- 利用JQuery直接调用asp.net后台的简单方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...
随机推荐
- nodejs mysql 创建连接池
用Nodejs连接MySQL 从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javas ...
- Java中初始变量默认值
Java语言中有8种基本数据类型,基本情况汇总如下: 序号 数据类型 大小/位 封装类 默认值 可表示数据范围 1 byte(位) 8 Byte 0 -128~127 2 short(短整数) 16 ...
- shell基础之书写需要用到的小工具
一.简单介绍 下面介绍几个可能不太常用但是面试题经常会用用到的小工具: 命令:cut 作用:截取某一个字段 '-d' 后面跟分隔字符,把字段分割为若干个区间. '-c' 后面接的是第几个字符,也可以是 ...
- poj2396有源汇上下界可行流
题意:给一些约束条件,要求算能否有可行流,ps:刚开始输入的是每一列和,那么就建一条上下界相同的边,这样满流的时候就一定能保证流量相同了,还有0是该列(行)对另一行每个点都要满足约束条件 解法:先按无 ...
- Android Studio开发技巧
为了android更有效率的开发,总结学习android集成开发环境(android studio1.3为例) android studio 1-打印log及配置ec快捷键 2-代码提示及移动快捷键 ...
- 使用log4j的邮件功能
Log4j的邮件功能能够为我们做这样的事情----当程序运行完的时候,或者正在运行也是可以的,它将程序的日志通过邮件的方式发到你的邮箱上. 这样,对于程序运行的控制就不用每次都跑到机器上去看日志文件这 ...
- 实用工具类--第三方开源--Lazy
下载地址 :https://github.com/ddwhan0123/Lazy 工具 描述 AnimationUtils 动画工具类 AppUtils APP相关信息工具类 AssetDatabas ...
- (转) Android Fragment完全解析,关于碎片你所需知道的一切
我们都知道,Android上的界面展示都是通过Activity实现的,Activity实在是太常用了,我相信大家都已经非常熟悉了,这里就不再赘述. 但是Activity也有它的局限性,同样的界面在手机 ...
- LeetCode OJ:Delete Node in a Linked List(链表节点删除)
Write a function to delete a node (except the tail) in a singly linked list, given only access to th ...
- WinForm判断程序是否已经在运行,且只允许运行一个实例
我们开发WinFrom程序,很多时候都希望程序只有一个实例在运行,避免运行多个同样的程序,一是没有意义,二是容易出错. 为了更便于使用,笔者整理了一段自己用的代码,可以判断程序是否在运行,只运行一个实 ...