JS构建表单

Gemini 发布于2019-08-23 16:28 / 569人阅读

摘要：通过构建表单设置表单对象目标地址设置数据设置内容格式根据设置的格式而定成功

    /**
     * 通过dom构建表单
     * @param hidData Object { "account": "show tables ;"} ;
     * @param url
     * @param frame
     * @param method
     */
    init.dom = function (hidData,url,method) {
        if(!hidData) return ;
        if(!method) method = "post" ;
        var f = document.createElement("form");
        document.body.appendChild(f);
        for( var i in hidData ) {
            var temp = document.createElement("input");
            temp.type = "hidden";
            f.appendChild(temp);
            temp.value = hidData[i];
            temp.name = i ;
        }
        /*JSON.stringify()
        JSON.parse()*/
        f.action = url;
        f.method = method;
        f.submit();
    };

    /**
     * 设置 header 表单 
     * @param data
     * @param url
     * @param header
     * @param method
     */
    init.herderDom = function (data,url,header,method) {
        if(!data)   return ;
        if(!method) method = "POST";
        //xml对象
        var xmlhttp = new XMLHttpRequest();
        //目标地址
        xmlhttp.open(method, url,true);
        //设置header
        if(header) {
            for( var i in header ) {
                xmlhttp.setRequestHeader(i, header[i]);
            }
        }
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //数据设置
        var content = "";
        for (var d in data) {
            content += "&"+d+"="+data[d] ;
        }
        xmlhttp.send(content) ; //内容格式根据Content-type设置的格式而定
        xmlhttp.onreadystatechange = function(){
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                //成功
                console.log(xmlhttp.responseText);
            }
        }
    };

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103055.html

vue构建动态表单

摘要：概述后台管理系统里面有非常多的表单需求，我们希望能够通过写一个格式的数据，通过的循环动态地去渲染动态表单。我结合的控件的下拉框输入框，时间选择控件和，做了一个动态表单。概述后台管理系统里面有非常多的表单需求，我们希望能够通过写一个json格式的数据，通过vue的循环动态地去渲染动态表单。并且能够在外部得到渲染出来的表单的数据，可以对表单进行重置操作。我结合element ui的控件...

BlackHole1 2019-08-26 12:20 评论0 收藏0
JSON生成Form表单

摘要：是校验表单组件数据正确性的字段，其值为数组，里面的数组元素可以为。所以数组元素如果为的话，其内容就是的。到目前为止，表单适合大部分的表单应用场景。 JSON表单描述 JSON表单是一个基于React的抽象组件，它可以把JSON数据格式描述的表单转换成项目中的表单，它可以用简短的几行代码，快速的生成Form表单。JSON表单的优点是：可以快速构建出一个表单表单的数据、逻辑、视图分...

bingchen 2019-08-26 13:22 评论0 收藏0
翻译 | 玩转 React 表单 —— 受控组件详解

摘要：受控输入框只会显示通过传入的数据。例如，数组中的元素将会渲染三个单选框或复选框。属性接收一个布尔值，用来表示组件是否应该被渲染成选中状态。原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 译者：小 B0Y 校对者：珂珂君本文涵盖以下受控组件：文本输入框数字输入框单选框复选框文本域下拉...

big_cat 2019-08-22 11:05 评论0 收藏0
从0开始构建自己的前端知识体系-JS-事件-键盘事件总结

摘要：在探寻的过程中发现自己对键盘输入事件的理解还并不到位，以至于有一些代码看得云里雾里，赶紧查阅资料写写总结一下下文所说只在与里做了探究。短按触发顺序长按触发顺序循环事件阻止冒泡这类事件都会冒泡，阻止按照常规调用接口就可以阻止冒泡了。前言最近因一个需求在element-ui的Select组件文档内找不到对应的示例，也就是filter-method方法的具体使用样例，尝试几次之后也使用了...

Anonymous1 2019-08-22 15:55 评论0 收藏0
前端vue系列-起始篇 vue的基本认知

摘要：管理后台，日常就是提交各种表单了，这部分现有的方案，比如表单提交或者收集信息提交。，可以用于前端开发的工程构建。带了人的前端团队，你的精力开始在配合公司其他部门做用户数据增长了。开始考虑使用的。 hi,大家伙，我是佛系大大，很高兴与你们一起沟通，学习，进步。很久不更新博客了，现在回来再写博客，尽然是有些怀念的感觉，幸福的感觉。因为写博客，内心会很宁静，沉浸在自己的...

I_Am 2019-04-23 11:44 评论0 收藏0