POST 变为AJAX提交代码。

<script type="text/javascript">

    Wind.use(‘validate‘, ‘ajaxForm‘, ‘artDialog‘, function () {
        var form = $(‘form.J_ajaxForms‘);
        //ie处理placeholder提交问题
        if ($.browser.msie) {
            form.find(‘[placeholder]‘).each(function () {
                var input = $(this);
                if (input.val() == input.attr(‘placeholder‘)) {
                    input.val(‘‘);
                }
            });
        }
        //表单验证开始
        form.validate({
      //是否在获取焦点时验证
      onfocusout:false,
      //是否在敲击键盘时验证
      onkeyup:false,
      //当鼠标掉级时验证
      onclick: false,
            //验证错误
            showErrors: function (errorMap, errorArr) {
        //errorMap {‘name‘:‘错误信息‘}
        //errorArr [{‘message‘:‘错误信息‘,element:({})}]
        try{
          $(errorArr[0].element).focus();
          art.dialog({
            id:‘error‘,
            icon: ‘error‘,
            lock: true,
            fixed: true,
            background:"#CCCCCC",
            opacity:0,
            content: errorArr[0].message,
            cancelVal: ‘确定‘,
            cancel: function(){
              $(errorArr[0].element).focus();
            }
          });
        }catch(err){
        }
            },
            //验证规则
            rules: {
        "info[modelid]":{
          required:true
        },
        "info[catname]":{
          required:true
        },
        "info[catdir]":{
          required:true
        }
      },
            //验证未通过提示消息
            messages: {
        "info[modelid]":{
          required:"所属模型不能为空!"
        },
        "info[catname]":{
          required:"栏目名称不能为空!"
        },
        "info[catdir]":{
          required:"栏目目录不能为空!"
        }
      },
            //给未通过验证的元素加效果,闪烁等
            highlight: false,
            //是否在获取焦点时验证
            onfocusout: false,
            //验证通过,提交表单
            submitHandler: function (forms) {
                $(forms).ajaxSubmit({
                    url: form.attr(‘action‘), //按钮上是否自定义提交地址(多按钮情况)
                    dataType: ‘json‘,
                    beforeSubmit: function (arr, $form, options) {
                        
                    },
                    success: function (data, statusText, xhr, $form) {
                        if(data.status){
              //添加成功
              Wind.use("artDialog", function () {
                  art.dialog({
                      id: "succeed",
                      icon: "succeed",
                      fixed: true,
                      lock: true,
                      background: "#CCCCCC",
                      opacity: 0,
                      content: data.info,
                  button:[
                    {
                      name: ‘继续添加?‘,
                      callback:function(){
                        reloadPage(window);
                        return true;
                      },
                      focus: true
                    },{
                      name: ‘返回分析师页‘,
                      callback:function(){
                        window.location.href = "{:U(‘Fenxishi/index‘)}";
                        return true;
                      }
                    }
                  ]
                  });
              });
            }else{
              isalert(data.info);
            }
                    }
                });
            }
        });
    });

</script>
时间: 2024-10-28 14:36:14

POST 变为AJAX提交代码。的相关文章

将form转为ajax提交的js代码

在html中插入下面的代码: 函数ajaxSubmit是submit的ajax形式. 注意:这里面使用到了jquery库 //<!--将form中的值转换为键值对.--> function getFormJson(frm) { var o = {}; var a = $(frm).serializeArray(); $.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this

向后台提交数据:通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分

原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下 目录结构 index.py代码 1 #index.py 2 #!/usr/bin/env python 3 #-*- coding:utf-8 -*- 4 import tornado.web 5 import tornado.ioloop 6 class indexHandler(tornado.web.RequestHand

知问前端——Ajax提交表单

本文,运用两大表单插件,完成数据表新增的工作. 一.创建数据库 创建一个数据库,名称为:zhiwen,表——user表,字段依次为:id.name.pass.email.sex.birthday.date. 本人是使用的Navicat for MySQL创建的user表, user表的结构如下: 所需的PHP文件:config.php.add.php.(本人没学过php,所以不过多解释) config.php: <?php header('Content-Type:text/html; char

关于ajax提交表单

今天主要是四个问题: 1.表单页面元素的获取: 2.按钮的值的获取: 3.按钮的值以变量提交: 4.表单的提交: 获取表单元素时用的是事件委托的方法.{犯的错误:1.用获取表格父级元素的方法获取,没有意识到表单的值是填在value里面的,而表格里面的值直接在th容器里填的 2.在考虑父级元素时没有考虑到它所有的容器都属于他的父级元素                                                                                   

ajax提交富文本,内容被截断,解决方法及思路

问题描述: 使用百度的UEditor富文本插件用于前端富文本编辑,后端使用jsp,提交普通文本没有问题,后来发现在提交某些指定文本时,数据查回的数据出现不完整现象:第一件事就是想到“垃圾编辑器”??,但是此时项目已经上线,再次重构时间成本太高,没办法只好硬着头皮->“调试”??. 解决思路: 前端获取控件内容不完整,开启前端调试:结果是有内容且完整 那完了,前端有,是不是后端没有取到值,调试了一下后端,果然: 我开始怀疑人生了??像这种情况还能怎么办,那只有一种可能了,在向服务器提交时字符被截断

点滴积累【C#】---验证码,ajax提交

效果: 思路: 借用ashx文件创建四位验证,首先生成四位随机数字.然后创建画布,再将创建好的验证码存入session,然后前台进行button按钮将文本框中的值进行ajax请求到后台,和session中的验证码进行对比,成功返回true,失败返回false. 代码: [前台] 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="verifycodeDemo.aspx.cs"

ajax提交与普通表单提交的优缺点

一般需要提交整个表单,那么我们就需要提交form表单.比如查询,分页这种. 如果只是做局部刷新,那么可以采用异步ajax提交.这样请求的时候只用传需要的参数,然后请求成功后也不用整体刷新页面,只用局部刷新,这样节省了带宽, 比如我们采用ajax删除的时候. 所以当需要整体刷新的时候,那么就可以采用表单提交. 当要局部刷新的时候,我们采用ajax请求. 提交form表单: function query(){ var frm = document.getElementById("frm")

使用ajax提交form表单,包括ajax文件上传

前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username}, success:function(data){ w

Ajax提交底层原型XMLHttpRequest

相信接触过ajax的都觉得其post,get提交很方便,那么他是怎么实现的呢?基于此我们就不得不谈到js中的XMLHttpRequest对象. 其中w3c中是这样解释的: XMLHttpRequest 对象用于在后台与服务器交换数据. XMLHttpRequest 对象是开发者的梦想,因为您能够: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 所有现代的浏览器都支持 XMLHttpRequest 对象. XMLHttpR