源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例

  • 时间:2021-06-28 20:39 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例
1》前台 首先需要 Jquer的包
[u]复制代码[/u] 代码如下:
<script src="js/jquery-1.9.1.js" type="text/javascript"></script> 下面是     <script type="text/javascript">         $(function () {             $('#txtUserName').blur(function () {                 var username = $(this).val();                 $.ajax({                     type: "post",                     contentType: "application/json",//传值的方式                     url: "WebAjaxForMe.aspx/GetValueAjax",//WebAjaxForMe.aspx为目标文件,GetValueAjax为目标文件中的方法                     data: "{username:'" + username + "'}",//username 为想问后台传的参数(这里的参数可有可无)                     success: function (result) {                         alert(result.d);//result.d为后台返回的参数                     }                 })             })         })     </script> //这里是参数的来源         <input id="txtUserName" type="text" />
2》后台 在后台首先要添加using System.Web.Services;的引用
[u]复制代码[/u] 代码如下:
[WebMethod]//方法前边必须添加 [WebMethod]         public static string GetValueAjax(string username)//这个方法需要是静态的方法要用到关键字static        {             //在这里可以对传进来的参数进行任何操作                return username;      }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部