码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-12 22:22:18      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

$.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>

 

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

标签:

原文地址:http://www.cnblogs.com/wkrbky/p/5954173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!