主页 > 知识库 > asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例

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

热门标签:银行业务 科大讯飞语音识别系统 团购网站 服务器配置 Linux服务器 Mysql连接数设置 电子围栏 阿里云

1》前台

首先需要 Jquer的包

复制代码 代码如下:

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;的引用

复制代码 代码如下:

[WebMethod]//方法前边必须添加 [WebMethod]      

  public static string GetValueAjax(string username)//这个方法需要是静态的方法要用到关键字static       

{

            //在这里可以对传进来的参数进行任何操作           

    return username;    

 }

您可能感兴趣的文章:
  • jquery ajax例子返回值详解
  • jquery ajax return没有返回值的解决方法
  • js获取ajax返回值代码
  • ajax返回值中有回车换行、空格的解决方法分享
  • jquery+ajax请求且带返回值的代码
  • ajax 返回值自动添加pre标签的解决方法
  • 创建公共调用 jQuery Ajax 带返回值
  • Ajax异步提交数据返回值的换行问题实例分析
  • ajax请求后台接口数据与返回值处理js的实例讲解
  • 解决ajax请求后台,有时收不到返回值的问题
  • 快速解决ajax返回值给外部函数的问题
  • Ajax返回值类型与用法实例分析

标签:枣庄 大理 江苏 衡水 萍乡 衢州 蚌埠 广元

巨人网络通讯声明:本文标题《asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266