正文
jquery表单,jQuery表单结果弹窗
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery表单提交数据 的几个方法
jquery表单提交数据的方法有两种：
一种是直接提交，调用submit()方法，
第二种是用ajax提交，ajax提交要注意讲数据序列化。
比如：
1、调用submit()方法
$(表单).submit();
2、ajax提交
$.ajax({
url: url,
data: $(表单).serialize(),
type: 'post',
success: function (data) {
}
});
相关问答
Q1: jQuery阻止提交表单实现方法有哪些？
jQuery阻止提交表单实现方法有以下两种。
方法一:
$(function () { $("input[type=submit]").click(function (event) { //如果不满足表单提交的条件，阻止提交表单 if () { event.preventDefault(); } else { location.href = '跳转到成功提交表单后的页面'; } }); })
方法二：
在 form 表单中设置 action 属性，然后将 input 的类型 type = "submit" 改为 type = "button"，然后在提交表单时执行以下jq代码。
$(function () { $("#submitButton").click(function (event) { //如果不满足表单提交条件，返回false if () { return false; } else { return true; //满足提交表单的条件则返回true } }); })
by三人行慕课
Q2: 如何使用jQuery做表单
html：
div id="grid"/div
js：
$("#grid").datagrid({
width: 600,
height: 400,
columns: [
{ text: "名称", field: "name", width: 200 },
{ text: "年龄", field: "age" },
{ text: "日期", field: "birthday",
renderer: function (value, row, col) { if (value value.getFullYear) {
value = value.getFullYear() + "-" + (value.getMonth() + 1) + "-" + value.getDate();
} return value;
}
}
],
data: [
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() },
{ name: "name1", age: 20, birthday: new Date() }
]
}); function addRow() { var grid = $("#grid").data("datagrid");
grid.addRow({ name: "bbb" });
} function setColumns() {
var grid = $("#grid").data("datagrid");
grid.setColumns([
{ text: "Name", field: "name", width: 150 },
{ text: "Age", field: "age", width: 150 }
]);
}
Q3: 怎么使用jquery提交表单
jquery提交表单有两种情况：
1：jquery只做提交用。
$("form").submit();
这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。
2：jquery用ajax提交数据。
$.ajax({
type:"post",
url:"xxx.php", // 这里是提交到什么地方的url
data:{}, // 这里把表单里面的数据放在这里传到后台
dataType:"json",
success:function(res){
// 调用回调函数
}
});
