jquery调用asp.net 页面后台方法
先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo">
再aspx后台的页面编写一个简单的方法,代码如下:
[WebMethod]
public static string ABC(string ABC)
{
return ABC;
}
必须声明为静态方法,并且它们必须使用 [WebMethod] 特性标注。
接下来就应该考虑怎么让前台的客户端控件调用到后台的方法了..这时jqury登场了..
在页面引入jquery类库
<script type="text/javascript" src="JQuery/jquery-1.3.2-vsdoc2.js"></script>
在页面添加脚本代码如下:
<script type="text/javascript">
$().ready(
function() {
$("#AjaxDemo").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/ABC",
data: "{'ABC':'test'}",
contentType: "application/json; charset=utf-8",
success: function(msg) {alert(msg); }
})
})
}
)
</script >
这样就大功告成了!很多事情都是jquery类库帮我们做完了,我们这里讨论的是如何用,具体里面怎么实现,我们不关心!
jquery里还有很多像$.ajax这样的方法提供给我们使用.大家可以试试!
PS:本人也只是初学,这里只是做下笔记!如果讲得有什么不对,请大家指出来!
补充:注意要建3.5的项目,如果是2.0的话。配置文件会少很多引用的,如果你建的是2.0项目的话。建个3.5的。把3.5的配置文件覆盖到2.0的项目即可!
上面的代码如果成功之后弹出的是"{d:test}",是因为他返回的是字符串,我们可以将他改成返回json对象.
把jquery代码修改如下
$().ready(
function() {
$("#AjaxDemo").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/ABC",
data: "{'ABC':'test'}",
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function(msg) {alert(msg.d); }
})
})
}
)
我们设置他返回的数据是json对象,现在我们可以用返回的json对象,根据弹出来的d:test,我们可以很明显看到key是d,值是test,那我们利用返回的数据msg对象直接点d,就可以获得test的,修改了代码之后.现在弹出来就是test了..
转载于:https://www.cnblogs.com/linzheng/archive/2010/10/14/1851782.html
jquery调用asp.net 页面后台方法相关推荐
- jquery调用asp.net 页面后台的实现代码
先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo&q ...
- JQuery调用iframe子页面函数/对象的方法
JQuery调用iframe子页面函数/对象的方法例子: 父页面有个ID为mainfrm的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: ...
- 通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程.但事实上,这并不是理想的解决方案.使用jQuery来调用ASP.NET后台的方法 ...
- vue 页面调用另一个页面的方法
由于开发需要,我需要在登录成功请求成功后,调用自定义组件页面的一个点击事件方法,让方法立即执行,经过思考后,想出了解决方法,特此记录一下 页面关系:登录页跳转到主页,主页有调用自定义组件 页面(登录页 ...
- Jquery调用webService的四种方法 【转载】
本文转载自:http://space.itpub.net/221062/viewspace-580298 我总结几个关键点 1. 服务必须声明为ScriptService(否则会出现下面的问题) 2. ...
- 当前页面怎么调用子集iframe页面的方法
我这里要实现的效果是子集iframe页面点击背景那个头像旁边的一个取消按钮要跳出这个模态框,这个模态框HTML在当前页面也就是子页面iframe的母级页面,取消按钮在子集iframe里面上面有个ent ...
- 一个页面调用另一个页面的方法
一.新建一个common.js 里面可以只写 import Vue from 'vue' export default new Vue 二.在 调用的页面 先引入刚写的js import common ...
- 调用iframe嵌套页面的方法
iframe标签定义一个id:" iframeDOM ". 调用页面用的方法: function callIframe(){document.getElementById(&quo ...
- Jquery调用webService的四种方法
1.编写4种WebService方法 [WebService(Namespace = "http://tempuri.org/")] [WebServiceBind ...
最新文章
- ginkgo测试介绍
- .net讀取指定節點的值
- 产品新人的10字生存手册
- UpdatePanel里使用FileUpload
- 两块 硬盘 主从盘跳线详解
- java main 参数传递参数_Java千问:Java语言如何给main方法传递参数?
- 微信公众号 JSSDK 提示:invalid signature
- 第26讲:模拟登录爬取实战案例
- ubuntu突然连不上-调试方式
- VC/MFC 进程间通信方法总结
- .NET微服务方案调查
- 【QR Code Generator】开源免费响应式QRcdr二维码生成网站源码
- iconv 判断字符编码_php下用iconv函数转换字符编码的问题
- python列表心得_Python学习心得(第一篇:字符串、列表等)
- UTC转换BJT时间 时间转换 c语言程序设计 mooc 翁恺
- 【转载】spring.net 学习系列目录
- CMS4.0——后知后觉
- Maven打包失败:程序包XXX不存在
- 服务器开机日志文件,大芒果启动WOW服务器 提示日志文件找不到怎么办
- aptana eclipse linux,eclipse Aptana 插件介绍以及安装