html中ajax登录页面跳转,html中使用ajax提交表单并实现不跳转页面处理返回值

本文中实现在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)、运行效果