正文

formsubmitjquery

技术帮
技术帮 V管理员 /71阅读/0评论
1220

jquery中的submit方法怎么用

submit()方法绑定在form表单元素上，当绑定的表单被提交时（通过点击按钮、按回车键等），会触发该方法。实例：

<form id="form1" autocomplete="off"> <input type="text" name="model.username"/> <input type="password" name="model.password"/> <input type="submit" value="登录" /> </form>

$('#form1').submit(function() { $.ajax({ url: '/index!login.do', data: $('#form1').serialize(), type: "POST", dataType: "json", cache: false, success: function(data) { if (data.login == true || data.login == "true") { // 登录成功 location.replace('/main/index.do'); } else { alert('登录失败！请检查用户名或密码'); } } });});

submitform方法的参数

ajaxForm()方法和submitForm()方法的参数

ajaxForm()方法和submitForm()方法都能接受0个或1个参数。当为单个参数时，该参数可以是一个回调函数，也可以是一个options对象，传递option对象，使它们拥有更多控制权；

　　(1)首先定义一个对象options，然后在里面设置参数，代码如下：

var options={

　　target: '#output1', 　　　　　　　　//把服务器返回的内容放入id为output1的元素中

formsubmitjquery

　　beforeSubmit: showRequest, 　　//提交前的回调函数

　　success: showResponse ,　　　　//提交成功的回调函数

　　url: url, 　　　　　　　　　//默认form的"action"，如果申明，会覆盖

　　type:type, 　　　　　　　//默认是form的method('get'or'post'),如果申明，会覆盖

　　dataType: null, 　　　　//'xml','script','json'(接收服务器返回的类型)

　　clearForm: true,　　　//成功提交后，清除所有表单元素的值

　　resetForm: true, 　　//成功提交后，重置所有表单元素的值

　　timeout:3000 　　　//请求限制的时间，当大于三分钟，跳出请求

formsubmitjquery

};

　　(2)定义完options对象之后，就把这个参数传给ajaForm()方法，代码如下：

　　$("#myform").ajaxForm(options);

　　或者，

　　$("#myform").submit(function(){

　　　　$(this).ajaxSubmit(options);

　　　　return false;

　　})

　　(3)beforeSubmit——提交前的回调函数

　　参数：formData为数组对象。在这里，使用$.param()方法把它转化为字符串，得到如下格式：name=lida&address=guanzhou

　　jqFrom是个JQuery对象，它封装表单元素

　　options就是options对象