日期:2014-05-16  浏览次数:20641 次

Jquery Ajax调用后台页面方法

首先呢 我们要引进一个jquery 的包

比如1.7.2吧

 

我们需要写一个前台的 jquery 的方法去调用后台的 方法 ,下面我写了一个简单的调用!

<script src="jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript">
      
        function diaoyong(){           
                if ($('#btn').val() == "添加") {
                    $('#btn').val("保存");
                }
                else {
                    $.ajax({
                        url: "test.aspx/add",      //后台页面的地址和后台的方法名!
                        data: "value=1",           // 写入的一个参数,是传到服务器的,供后台 判断使用
                        type: "post",                 // 调用的类型,还有 get 类型
                        success: function(s) {         // 回调函数,这个函数 是jquery方法里定义好的,我们只需给参数 输入就可以了
                            alert(s);                       //输出参数,一般用来提示的

                        },
                        error: function(xhr) {         // 回调函数, 提取异常的
                            alert(xhr);                   //输出参数,一般用来提示的
                        }
                    })
                }
            }
 
    </script>

 

<body>
    <form id="form1" runat="server">
    <div>
    <input type="button" id="btn" value="添加" onclick="diaoyong()" />           // 按钮的onclick 事件调用我