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

新手发帖,很多方面都是刚入门,有错误的地方请大家见谅,欢迎批评指正

    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;
        } 
 

    

文章结束给大家分享下程序员的一些笑话语录: 打赌
飞机上,一位工程师和一位程序员坐在一起。程序员问工程师是否乐意和他一起玩一种有趣的游戏。工程师想睡觉,于是他很有礼貌地拒绝了,转身要睡觉。程序员坚持要玩并解释说这是一个非常有趣的游戏:"我问你一个问题,如果你不知道答案,我付你5美元。然后你问我一个问题,如果我答不上来,我付你5美元。"然而,工程师又很有礼貌地拒绝了,又要去睡觉。  程序员这时有些着急了,他说:"好吧,如果你不知道答案,你付5美元;如果我不知道答案,我付50美元。"果然,这的确起了作用,工程师答应了。程序员就问:"从地球到月球有多远?"工程师一句话也没有说,给了程序员5美元。  现在轮到工程师了,他问程序员:"什么上山时有三条腿,下山却有四条腿?"程序员很吃惊地看着工程师,拿出他的便携式电脑,查找里面的资料,过了半个小时,他叫醒工程师并给了工程师50美元。工程师很礼貌地接过钱又要去睡觉。程序员有些恼怒,问:"那么答案是什么呢?"工程师什么也没有说,掏出钱包,拿出5美元给程序员,转身就去睡觉了。

--------------------------------- 原创文章 By
ajax和前台
---------------------------------

posted @ 2013-05-24 21:16  坚固66  阅读(264)  评论(0编辑  收藏  举报