JQuery ajax 在aspx中传值和取值

Posted 2020-06-17

传值：ajax中的data（json） 

js代码：

<script type="text/javascript">
        $(function () {
            $("#btnAddNews").bind("click", function () {
                var _name= $.trim($("#txtNewTitle").val());
                $.ajax({
                    type: "POST",
                    url: "AddNews.aspx/addNew",
                    //data: "{‘title‘:‘" + title + "‘,‘content‘:‘" + content + "‘}",
                    data:{name:_name},
                    contentType: "application/json;charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        alert(data.d);
                    },
                    error: function (err) {
                        alert(err);
                    }
                });
            });
        });
    </script>
获取后台的值：

在asp.net webform开发中，用jQuery ajax传值一般有几种玩法

1）普通玩法：通过一般处理程序ashx进行处理；

2）高级玩法：通过aspx.cs中的静态方法+WebMethod进行处理；

3）文艺玩法：通过WCF进行处理。

ashx：

js脚本：
　　　　<script type="text/javascript">
        　　function ConfirmChange() {
            　　$.ajax({
                    type: "POST",   

                   //页面请求的类型，通常使用POST,那么处理页需要使用Request.Form["参数名称"]来获取页面传递的参数  否则就是Request.QueryString["参数名称"]

                   //query传值又分类post ,get格式如
//post请求 
//string name = Request["name"].toString(); 
//string name =Request.Form.Get("name").toString(); 
//get请求 
//string name = Request.QueryString["name"].toString(); 
//但我发现 无论是否是post与get传值都可用
//string name = Request["name"].toString();

                    url: "UpdatePasswordOfUser.ashx",   //处理页的相对地址
                    data: { OriginalPass: $(‘#txtOriginalPass‘).val(), NewPass: $(‘#txtNewPass‘).val(), RePass: $(‘#txtConfirmPass‘).val() },                　　   
                    success: function (msg) {    //这是处理后执行的函数，msg是处理页返回的数据
                       alert(msg);
                   }
            　　});
          　 }
　　　　</script>

 

ashx处理页面的代码：
           public void ProcessRequest(HttpContext context)
           {
               context.Response.ContentType = "text/plain";
               string OriPass = context.Request.Form["OriginalPass"];   //原始密码(Get传参对应QueryString)
               string txtNewPass = context.Request.Form["NewPass"];     //新密码
               string txtConfirmPass = context.Request.Form["RePass"];  //确认密码
  　　　　　/*-----这里可以写调用的函数------*/
               context.Response.Write("密码修改成功");   //返回信息
           }

 

 WebMethod：

最上面有调用 就写后台方法：接的引用system.web.webservies

[WebMethod]
        public static string addNew(string title, string content)
        {
            return title + content;
        }

 

wcf：
引用 http://kb.cnblogs.com/page/50175/ 很详细