当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery MiniUI 开发教程 表单控件 表单：加载、保存（二）

jQuery MiniUI 开发教程 表单控件 表单：加载、保存（二）

2017年12月21日  | 移动技术网IT编程  | 我要评论


创建表单           

只需要一个id即可创建表单对象：

 var form = new mini.Form("#form1");

          
加载表单

$.ajax({
    url: "../data/FormService.aspx?method=LoadData",
    type: "post",
    success: function (text) {
        var data = mini.decode(text);   //反序列化成对象
        form.setData(data);             //设置多个控件数据
    }
});

          
提交表单

//提交表单数据
var form = new mini.Form("#form1");           
var data = form.getData();      //获取表单多个控件的数据
var json = mini.encode(data);   //序列化成JSON
$.ajax({
    url: "../data/FormService.aspx?method=SaveData",
    type: "post",
    data: { submitData: json },
    success: function (text) {
        alert("提交成功，返回结果:" + text);
    }
});
         
清除表单

form.clear();
     
重置表单

form.reset();

          

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网