Jquery Ajax调用后台页面方法

时间:2021-08-08 00:36:44

首先呢 我们要引进一个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 事件调用我们写好的 方法       
    </div>
    </form>
</body>

 

 

//后台是这样写的

 

protected void Page_Load(object sender, EventArgs e)
        {
            if (!string.IsNullOrEmpty(Request["value"]))
            {
                if (Request["value"].ToString() == "1")   // 接收前台的参数
                {
                    add();                // 调用add 方法
                }       
            }     

       }


        public void add()    // 定义一个 测试的 add  方法
        {
            SqlConnection con = new SqlConnection(@"Data Source=.\SQLEXPRESS;database=test;uid=sa;pwd=123"); //连接字符串

            SqlCommand cmd = new SqlCommand();
            con.Open();
            cmd.Connection = con;
            cmd.CommandText = "insert into Info(name,info)values(@name,@info);";
            cmd.Parameters.AddWithValue("@name", "小李子");
            cmd.Parameters.AddWithValue("@info", "背朕出宫");
            int i = cmd.ExecuteNonQuery();
        
            string message = string.Empty;
            if (i > 0)
            {
                message = "保存成功";
                Response.Clear();
                Response.Write(message);
                Response.End();
            }
            else
            {
                message = "保存失败";
                Response.Clear();
                Response.Write(message);
                Response.End();
            }
         }