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

前端技术 2023/08/10 .NET

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\" />

本文地址：https://www.stayed.cn/item/868

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案