jquery.ajax和jquery.ajaxSubmit

ajax请求和ajax提交表单

 创建时间： 2014-12-9 17:40  修改时间： 2014-12-30 22:34  

1、ajax

 

    1、引入js(略)

    2、调用$.ajax()方法取得数据

        

        data可以使用$("#myForm").serialize();

        注意：当使用表格布局时，如果使用ajax刷新出现无来由的多出一列的时候，可以尝试去除结束标记和开始标记之前的空格，参考链接：http://stackoverflow.com/questions/7267014/ie9-table-has-random-rows-which-are-offset-at-random-columns 

示例：

               

1 2 3 4 5

success:function(result){   result = result.replace(/>\s+(?=<\/?(t|c)[hardfob])/gm,'>');   $("#main").empty();   $("#main").html(result); }

 

    调用ajax方法代码示例:     

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

$.ajax({        type: "POST",        url: "",        dataType:"json",        data:{"test1":test1,              "test2":test2        },         beforeSend:function(){//在执行action之前调用                      },         async:true,//true为同步，false为异步        success: function(result, textStatus){            if(result.code=="00"){                alert("成功");            }else{                alert("失败");            }        },        error:function(XMLHttpRequest, textStatus, errorThrown){            alert("失败");        } });

   

    

 

2、ajaxSubmit

 

    1、引入js

 

1 2	<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script> <script src="${ctx}/js/jquery/jquery-1.8.3.min.js" type="text/javascript" ></script>

 

    2、调用ajaxSubmit

 

1 2 3 4 5 6 7 8 9 10 11 12

$("#myForm").ajaxSubmit({     success:function(data){         if(data.code == '00'){               window.location.href=window.location.href;         }else if(data.code == '01'){             $("#btn").alert("提交失败，请稍候再试");         }     },     error : function(){         $("#btn").alert("提交失败，请稍候再试");     } });