$.ajax、$.post、from表單序列化工具

$.ajax\$.post

<script type="text/javascript" language="javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript">
            //使用Ajax($.ajax)調用
            function ajax(){
                $.ajax({
                    type:"post",
                    url:"mvc/testAjax.html",
                    cache:false,
                    data:"name=abc",
                    dataType:"text",
                    success:function(result){
                        alert("成功！"+result);
                    },
                    error:function(){
                    
                    }
                });
            }
            //使用Ajax($.post)調用
            function post(){
                $.post(
                    "mvc/testAjax.html",
                    {name:"def"},
                    function(result){
                        alert("成功！"+result)
                    }
                );
            }
</script>

表單序列化工具

<script type="text/javascript" language="javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript">
        /**
         * 序列化表單的函數（工具）
         * 
         * 使用方法：$.ajax或$.post
         * data:serializeForm($("#form1")),
         */
           function serializeForm(form){ //form是jquery對象
                var obj = {};
                $.each(form.serializeArray(),function(index){
                    if(obj[this['name']]){
                        obj[this['name']] = obj[this['name']] + ','+this['value'];
                    } else {
                        obj[this['name']] =this['value'];
                    }
                });
                return obj;
           }
</script

 

自制Ajax函數工具，提高重復利用。

<script type="text/javascript" language="javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript">
         /**
          * 調用ajax函數工具
          * @returns
          */
            function login(){
                ajaxBase("loginServlet?method=login","name=zs&password=a123","login");
            }

          /** ajax函數工具類
            * @param url:地址
            * @param data:請求參數
            * @param method:方法信號，作用判斷進行什么操作
            */
           function ajaxBase(url,data,method){
             $.ajax({
                 type:'post',
                  url:''+url+'',
                  cache:false,
                  data:data,
                  dataType:'text',
                  success:function(result){
                      alert("ajax函數工具類:success");
                      /** 調用請求成功后的操作函數 */
                      success(result,method);
                  },
                  error:function(){
                      alert("ajax函數工具類:error");
                  }
             });
           }
          
           /** 根據method方法信號判斷進行什么操作 
            * @param result:服務端響應的數據
            * @param method:方法信號，作用判斷進行什么操作
            */
          function success(result,method){
              if(method=="login"){
                  alert(result);
              }
          }
</script>