jQuery Ajax例子

jQuery Ajax例子

本文实现一个删除功能（ajax实现）：

第一步要引用脚本：

       <script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>

第二步编写脚本：

     $(function () {

             var id=1;//例如删除id为1的数据 如果想删除多条数据就用1,2,3....等
             if (window.confirm("是否删除数据")) { //判断提示是否删除数据
                        $.ajax({
                            url: 'Delete.ashx',
                            data: { guid: id, type: 2 },//传2个参数，如果有多个参数就用","符号隔开
                            dataType: 'json',
                            type: 'POST',
                            success: function (data) {
                                if (data.Success) {
                                    window.location.href = "a.aspx";//例如成功跳转到a页面
                                }
                                else {
                                    alert(data.Msg);//失败弹出错误消息
                                }
                            }
                        });
                    }      

     });

第三步'Delete.ashx'页面处理：

方法一：

       /// <summary>
       /// 返回值信息
       /// </summary>
       [DataContract]
       public class Message
       {
          [DataMember]
          public bool Success { get; set; }
          [DataMember]
          public string Msg { get; set; }
          [DataMember]
          public string Path { get; set; }
       }

         Message msg = new Message();//消息类
         var id= context.Request["guid"];

         var type= context.Request["type"];

      if (!string.IsNullOrEmpty(id))//验证是否为空

          var result=Delete(id);

          if(result){

                 msg.Success = true;
                 msg.Msg = "删除成功";

              }else{

                 msg.Success = false;
                 msg.Msg = "删除失败";

               }

    }

context.Response.ContentType = "text/plain";
context.Response.Write(SerializeHelper.JSONSerialize(msg));//序列化成json

方法二：

//如果不想返回json数据

//取id值、删除数据和方法一一样

context.Response.ContentType = "text/plain";
context.Response.Write(result)//返回删除是否成功即可，但是ajax返回的data数据就要变了