类型: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] ...
随机推荐
- 在eclipse中使用Github进行单元测试
时间分配是找资料60%,动手实践40%.因为之前一直没怎么好好学习,导致看到使用Gunit进行单元测试的时候感觉像是看到了一行符号一样不知所措,还好现在搜索引擎很强大,找资料学习中间有找到一个现成的傻 ...
- Flume-NG启动过程源码分析(一)(原创)
从bin/flume 这个shell脚本可以看到Flume的起始于org.apache.flume.node.Application类,这是flume的main函数所在. main方法首先会先解析sh ...
- lnmp安装exif扩展
lnmp安装exif扩展 1.找到位置 cd /usr/local/lnmp1.4-full/src 2.解压php sudo bzip2 -d php-5.6.31.tar.bz2 sudo tar ...
- Hbase- Hbase客户端读写数据时的路由流程
1.客户端先到zookeeper查找hbase:meta所在的RegionServer服务器 2.去hbase:meta表查找自己所要的数据所在的region server 3.去目标region s ...
- 程序员怎样迈出从5K到1W的重要一步
为什么一个相似的功能,大牛一会儿就搞定,然后悠闲地品着下午茶逛淘宝:而自己加班加点搞到天亮还做不完. 为什么用户提出需求变更后,大牛只需潇洒地敲敲键盘,改改配置:而自己将代码改了又改,删了又建,几乎晕 ...
- spring mvc中,如何在 Java 代码里,获取 国际化 内容
首先,在Spring的application.xml中定义 <bean id="messageSource" class="org.springframework. ...
- python 换行
python3 end = “”:输入参数不换行. 就是打印之后不换行. python字符串换行: (1)三个单引号,例如print '''我是程序员 刚学习python''' (2)三个双引号,例如 ...
- 用urliso把linux刻录U盘失败无数次。 用unetbootin试试可以启动的。
我用的是ubuntu 16.04 lts 画面挺好用的.
- 分布式_理论_01_CAP定理
一.前言 五.参考资料 1.分布式理论(一) - CAP定理——零壹技术栈 2.分布式理论(一) —— CAP 定理——莫那一鲁道 3.分布式系统理论基础 - CAP 4.分布式系统的CAP理论
- PHP用*号替代姓名除第一个字之外的字符
/* * 作用:用*号替代姓名除第一个字之外的字符 * 参数: * * * 返回值:string */ function starReplace($name, $num = 0) { if ($num ...