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返回值类型与用法实例分析
声明：本站（华域联盟www.cnhackhy.com）所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。