本文中实现在html中使用jquery的组件实现表单提交并在当前页面中处理返回值。
1、使用AjaxForm方式
(1)、导入js文件
需要导入相关的js文件。使用ajaxForm方式需要使用到jquery和jquery-form两个js文件。如:
(2)、绑定表单
表单绑定它一般在$(document).ready(function () {}里定义,它能让表单不刷新页面的情况下POST到目标。如:
$(document).ready(function() {
$("#formLogin").ajaxForm(function(data){
alert("post success." + data);
//Alert("post success.");
});
});
formLogin为表单的id。
(3)、编写表单提交代码
如下为一个简单的表单,提交地址为userLogin.shtml,成功和失败都会返回json数据包,数据包在上面绑定的方法中处理。
用户登录
(4)、运行效果