jquery.form.js使用

jquery.form.js和jquery.form.min.js的函数基本都兼容,所以找到哪个下载哪个就好啦!

代码链接:
jquery.form.min.js:
https://plugins.jquery.com/form/

jq:
https://jquery.com/download/

使用说明
头文件:

    <script type="text/javascript" src="./js/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="./js/jquery.form.min.js"></script>
   $(document).ready(function() {   
         $(function () {
        		var options = {
        		    url: "/TelecomCup/UserServlet", //提交地址:默认是form的action,如果申明,则会覆盖
        	        type: "get",   //默认是form的method(get or post),如果申明,则会覆盖
        			success: function (data) {		
        				alert("当前提交成功人数:人");
        			},
        	        error: function (data) {
        				alert("提交失败!");
        			},
        	        timeout: 3000     //限制请求的时间,当请求大于3秒后,跳出请求
        		};
        		$("form").ajaxForm(options);
        	});});  

然后就是

option函数

选项 说明
url 表单提交数据的地址
type form提交的方式(method:post/get)
target 服务器返回的响应数据显示在元素(Id)号
beforeSerialize: function($form, options) 表单数据被序列化之前执行的回调函数,如果在内部return false将终止序列化和提交。
beforeSubmit: function(arr, $form, options) 表单数据被序列化成arr数组,并且在提交前触发的回调函数。
error 提交失败执行的回调函数
success 提交成功后执行的回调函数
data 除了表单数据外,还需要额外提交到服务器的数据
iframe 如果有是否应该使用iframe来上传文件(对旧版本浏览器而言)
iframeSrc 为元素设定src属性值
iframeTarget 如果你想用自己的iframe来上传文件,可以将Id传给这个属性
dataType 期望服务器返回数据类型
clearForm 提交成功后是否清空表单中的字段值
restForm 提交成功后是否重置表单中的字段值,即恢复到页面加载时的状态
timeout 设置请求时间,超过该时间后,自动退出请求,单位(毫秒)
forceSync
semantic
uploadProgress

你可能感兴趣的:(笔记,javascript,jquery,前端)