ajax webmethod,JQuery直接调用asp.net后台WebMethod方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。[WebMethod] 命名空间
1、无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明
后台:using System.Web.Script.Services;
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}$(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、带参数的方法调用
后台:using System.Web.Script.Services;
[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
}
前台:$(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、返回数组方法的调用
后台:using System.Web.Script.Services;
[WebMethod]
public static List GetArray()
{
List li = new List();
for (int i = 0; i
li.Add(i + "");
return li;
}
前台:$(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("
" + this + "");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
///
$(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("
" + this + "");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
ajax webmethod,JQuery直接调用asp.net后台WebMethod方法相关推荐
- ajax调用asp.net,jQuery.ajax()调用asp.net后台方法(非常重要)
http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...
- 原始ajax方式调用asp.net后台方法
aspx页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Data.asp ...
- aspx后台调用前台jquery_jQuery调用Asp.Net后台方法
常用的ajax就不讲了,这里主要是说通过ajax调用asp.net后台的cs文件暴露的方法. 前台: $("input[type='button'][value='GetOneDayLate ...
- jquery getjson php,jquery中调用php json函数的方法分享
PHP 5.2版本之后,默认增加了一组针对数据进行JSON互转的函数: json_encode :数据到JSON json_decode :JSON到PHP变量的转换 本文用一个实例讨论一下PHP 的 ...
- lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法
分析代码也可以知道. 最主要的原因是 写在页面上的 一经加载,就去向服务器申请图片地址,加载大图片. 如果想实现原定的效果,则 写在页面上的待加载地址 必须不能是大图片的地址,而我们可以将真正的图片地 ...
- 通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程.但事实上,这并不是理想的解决方案.使用jQuery来调用ASP.NET后台的方法 ...
- 主动取消请求的多种情况,原生Ajax、Jquery、axios、fetch
原生Ajax 对于原生XHR对象来说,取消的ajax的关键是调用XHR对象的.abort()方法 var xhr = new XMLHttpRequest();xhr.open("GET&q ...
- Jquery ajax调用后台aspx后台文件方法(不是ashx)
在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. (1)通过aspx.cs的静态方法+WebMethod进行处理 简单的介绍下 ...
- jquery调用asp.net 页面后台方法
先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo&q ...
最新文章
- 红帆科技将参展2009第十三届中国国际软件博览会
- 谷歌浏览器禁止右滑返回历史_移动端h5禁用浏览器左滑右滑的前进后退功能
- UVA 1646 Edge Case
- (转)一步一步Asp.Net MVC系列_权限管理设计起始篇
- [Redis源码阅读]redis持久化
- RocketMQ-控制台的安装与启动
- mybatis批量夺标添加_MyBatis+MySQL同时执行多条SQL,实现多表插入数据
- bzoj:3110: [Zjoi2013]K大数查询
- 【转】ASP中的SQL注入
- mysql添加索引造成的影响
- php symfony urlmatcher-gt;match,symfony路由组件(The Routing Component)
- javascript语法速查表
- jq之slideToggle
- Google Code Jam 2008 E 日程表(最小割)
- 从入门到入土:Python爬虫学习|Selenium自动化模块学习|简单入门|轻松上手|自动操作浏览器进行处理|chrome|PART01
- HTTP协议与内容压缩(HTTP协议详解)
- 第一章 绪论 1.2 时域采样定理及其应用
- 请问一下我这里显示非法字符是哪里出问题哎
- 如何计算冲突域和广播域-图解分析
- 太原理工大学计算机学院向洁,第二届中国大学生服装模特大赛决赛入围名单出炉...
热门文章
- boost::sort模块实现spreadsort 键和数据排序示例
- boost::mpl::less相关的测试程序
- boost::hana::drop_while用法的测试程序
- GDCM:尝试修复损坏的J2K / DICOM的测试程序
- VTK:图片之ImageCityBlockDistance
- OpenCV相交凸intersectConvex的实例(附完整代码)
- OpenCV在浏览器中运行深度网络
- C++new和delete
- C++实现快速排序(附完整源码)
- QT绘制嵌套的圆饼状图