JS構建表單

Gemini 發布于2019-08-23 16:28 / 570人閱讀

摘要：通過構建表單設置表單對象目標地址設置數據設置內容格式根據設置的格式而定成功

    /**
     * 通過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);
            }
        }
    };

GPU云服務器云服務器 js構建new js 表單自動提交表單數據 js表單自動提交表單數據 js 表單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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