zoukankan      html  css  js  c++  java
  • jquery插件-表单提交插件-jQuery.Form

    1、介绍

    JQuery Form插件是一款强大的Ajax表单提交插件,可以简单方便的实现让我们的表单

    由传统的提交方式转换成Ajax无刷新提交!

    他提供了两个核心的方法ajaxForm以及ajaxSubmit

    让我们方便的实现无刷新效果提交表单!

    http://malsup.com/jquery/form/

    https://github.com/malsup这个因该是作者的gitbub,我下载看了一下那个readme文件竟然是

    API

    2、快速入门

    1、引入插件

      (方法同jQuery)

    2、将表单有传统提交方式转换为Ajax提交方式

      jQuery表单对象.ajaxForm();

    导入服务器中然后打开页面看看有没有错误(比如js或者css有没有导入成功)

    (由于用到服务器我是把这个直接移植到我正在做的一个java项目中的,视频中是放在服务器中的,后台用的是php,当然你的后台也可以是python等等)

    ajaxForm()方法

    为表单增加所需要的事件处理程序,为Ajax提交表单做好准备。

    ajaxForm()方法,并不直接提交表单,而是为Ajax提交表单做好各种准备

    真正的表单提交这个操作还需要用户点击提交按钮(即要等到表单提交这个事件发生)

    参数:函数(会在提交成功之后执行)或者配置一个对象

    配置对象中常用配置属性:

    1) url

    将表单数据提交到制定的URL

    2) type

    指定表单数据提交的方式

    3) beforeSerialize

    传入一个函数,这个函数会在表单数据被序列化之前执行,这个可以为我们修改表单数据提供机会

    函数接受两个参数,当前表单jquery对象,与传入ajaxForm方法的配置对象

    在函数内return false则表单不会提交

    4) beforeSumit

    表单提交前的回调函数

    函数接受三个参数,数组形式的表单数据,jquery表单对象,传入ajaxForm方法的配置对象

    在函数内return false则表单不提交。

    5) success

  • 相关阅读:
    取得窗口大小和窗口位置兼容所有浏览器的js代码
    一个简单易用的导出Excel类
    如何快速启动chrome插件
    网页表单设计案例
    Ubuntu下的打包解包
    The source file is different from when the module was built. Would you like the debugger to use it anyway?
    FFisher分布
    kalman filter
    Group delay Matlab simulate
    24位位图格式解析
  • 原文地址:https://www.cnblogs.com/rocky-AGE-24/p/5277798.html
Copyright © 2011-2022 走看看