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

随机推荐

1. SQL---一次插入多条数据【使用Union】

   --做测试的时候使用.--缺点:结果集的数量,类型都要一样.INSERT INTO Student ( StudentID, StudentName, StduentAge, StudentBirth ...

2. linux 设置日志编码

   打开linux的设置面板 在Appearance选项->Character encoding 设置为UTF-8

3. Julia中文教程资源.txt

   Julia中文教程资源.txt 2016年3月28日 05:18:32 codegay 本文更新在这里: https://github.com/FGFW/julia-science-and-techn ...

4. C# Winform中WndProc 函数作用

   http://blog.csdn.net/xochenlin/article/details/4328954 C# Winform中WndProc 函数作用: 主要用在拦截并处理系统消息和自定义消息 ...

5. vmware以及schlumberger题解

   先是vmare的:具体的题目我就不描述了. 1. 贪吃的小明.直接数个数,统计个数,就可以完成.使用map,应该输入implement这一类,我认为很简单,但是我只过了33%. /* ID: y119 ...

6. django1.6之mysql配置

   # Database# https://docs.djangoproject.com/en/1.6/ref/settings/#databases setting 配置修改 INSTALLED_APP ...

7. hdu1002

   //c//https://github.com/ssdutyuyang199401/hduacm/blob/master/1002.c#include<stdio.h>#include&l ...

8. java常用类--与用户互动

   运行java的参数: 主方法:public static void main(String[] args){}:为了让JVM可以*调用main方法,使用public修饰,JVM通过类来调用main方 ...

9. MAC vim安装gruvbox主题

   gruvbox是一款优秀的vim配色方案,但是却不是vim自带的配色方案,这里记录一下安装过程. gruvbox官网:https://github.com/morhetz/gruvbox gruvbo ...

10. Drupal错误：drupal Maximum execution time of 30 seconds exceeded database in解决方法

    Drupal开源内容管理框架 Drupal是使用PHP语言编写的开源内容管理框架(CMF),它由内容管理系统(CMS)和PHP开发框架(Framework)共同构成.连续多年荣获全球最佳CMS大奖,是 ...