jQuery EasyUI 表单(Form)用法 ajax提交方法

jQuery EasyUI 表单(Form)用法 ajax提交方法如下：

1.先定义一个表单，例如：

<form id="myForm" method="post">
    <div class="fitem">
        <label>姓名:</label>
        <input name="name" class="easyui-textbox" required="true">
    </div>
    <div class="fitem">
        <label>年龄:</label>
        <input name="age" class="easyui-textbox" required="true">
    </div>
    <div class="fitem">
        <label>地址:</label>
        <input name="address" class="easyui-textbox" required="true">
    </div>
</form>

2.在JavaScript中使用ajax提交表单数据，例如：

$('#myForm').form({
    url: 'submit.php',
    onSubmit: function() {
        return $(this).form('validate');
    },
    success: function(result) {
        var data = JSON.parse(result);
        if (data.success) {
            $.messager.alert('提示', data.msg, 'info');
        } else {
            $.messager.alert('错误', data.msg, 'error');
        }
    }
});

function submitForm() {
    $('#myForm').submit();
}

其中，url指定了表单提交的地址，onSubmit函数用于表单验证，success函数用于处理提交结果。

3.在HTML中添加一个按钮，点击时触发表单提交，例如：

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>

这样，当点击提交按钮时，表单数据会通过ajax提交到指定的URL地址。