jquery调用asp.net 页面后台方法
2010-11-30 18:17
816 查看
本章将和大家一起学习,在asp.net 页面如何使用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了.. 来自:http://hi.baidu.com/eddy_ruan/blog/item/0d337bb748a0a7c236d3ca05.html |
相关文章推荐
- ASP.NET jQuery 食谱23 (jQuery AJAX实现调用页面后台方法和web服务定义的方法)
- jquery调用asp.net 页面后台方法
- jquery异步调用页面后台方法‏(asp.net)
- asp.net+jquery调用页面后台方法
- jquery调用asp.net 页面后台方法
- jquery异步调用页面后台方法‏(asp.net)
- jquery调用asp.net 页面后台方法
- jquery调用asp.net 页面后台方法
- jquery调用asp.net 页面后台方法
- jquery调用asp.net 页面后台方法
- jquery-ajax之2:调用asp.net 页面后台方法
- JQuery的$.ajax()调用asp.net的后台方法样例代码
- jquery调用asp.net 页面后台的实现代码
- JQuery调用asp.net后台方法
- 利用JQuery调用asp.net后台方法
- jQuery.ajax()调用asp.net后台方法
- JQuery直接调用asp.net后台WebMethod方法(转)
- JQuery直接调用asp.net后台WebMethod方法
- jQuery.ajax()调用asp.net后台方法
- jQuery调用Asp.net Ajax页面中的方法