ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 网页制作 >> web前端 >> Framework7 表单数据存取

Framework7 表单数据存取

来源:网络整理     时间:2018-08-11     关键词:

本篇文章主要介绍了" Framework7 表单数据存取",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: Form 转化成 JSON使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象:var myApp = new Framework7(...

Form 转化成 JSON
使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象:

var myApp = new Framework7();
var $$ = Framework7.$;

$$('.form-to-json').on('click', function(){
    var formData = myApp.formToJSON('#my-form');
    alert(JSON.stringify(formData));
});

 每一个输入框都应该有 name 属性,否则不会被转换到JSON中去
 Framework7 表单数据存取

JSON 填充到 Form
myApp.formFromJSON(form, formData) - 把一个JSON对象填充到Form中

var myApp = new Framework7();
var $$ = Framework7.$;

$$('.form-from-json').on('click', function(){
    var formData = {
        'name': 'John',
        'email': 'john@doe.com',
        'gender': 'female',
        'switch': ['yes'],
        'slider': 10
    }
    myApp.formFromJSON('#my-form', formData);
});

以上就介绍了 Framework7 表单数据存取,包括了方面的内容,希望对web前端有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_4582631.html

相关图片

相关文章