JS構(gòu)建表單

Gemini 發(fā)布于2019-08-23 16:28 / 563人閱讀

摘要：通過(guò)構(gòu)建表單設(shè)置表單對(duì)象目標(biāo)地址設(shè)置數(shù)據(jù)設(shè)置內(nèi)容格式根據(jù)設(shè)置的格式而定成功

    /**
     * 通過(guò)dom構(gòu)建表單
     * @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();
    };

    /**
     * 設(shè)置 header 表單 
     * @param data
     * @param url
     * @param header
     * @param method
     */
    init.herderDom = function (data,url,header,method) {
        if(!data)   return ;
        if(!method) method = "POST";
        //xml對(duì)象
        var xmlhttp = new XMLHttpRequest();
        //目標(biāo)地址
        xmlhttp.open(method, url,true);
        //設(shè)置header
        if(header) {
            for( var i in header ) {
                xmlhttp.setRequestHeader(i, header[i]);
            }
        }
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //數(shù)據(jù)設(shè)置
        var content = "";
        for (var d in data) {
            content += "&"+d+"="+data[d] ;
        }
        xmlhttp.send(content) ; //內(nèi)容格式根據(jù)Content-type設(shè)置的格式而定
        xmlhttp.onreadystatechange = function(){
            if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                //成功
                console.log(xmlhttp.responseText);
            }
        }
    };

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103055.html

相關(guān)文章

vue構(gòu)建動(dòng)態(tài)表單

摘要：概述后臺(tái)管理系統(tǒng)里面有非常多的表單需求，我們希望能夠通過(guò)寫一個(gè)格式的數(shù)據(jù)，通過(guò)的循環(huán)動(dòng)態(tài)地去渲染動(dòng)態(tài)表單。我結(jié)合的控件的下拉框輸入框，時(shí)間選擇控件和，做了一個(gè)動(dòng)態(tài)表單。概述后臺(tái)管理系統(tǒng)里面有非常多的表單需求，我們希望能夠通過(guò)寫一個(gè)json格式的數(shù)據(jù)，通過(guò)vue的循環(huán)動(dòng)態(tài)地去渲染動(dòng)態(tài)表單。并且能夠在外部得到渲染出來(lái)的表單的數(shù)據(jù)，可以對(duì)表單進(jìn)行重置操作。我結(jié)合element ui的控件...

BlackHole1 2019-08-26 12:20 評(píng)論0 收藏0
JSON生成Form表單

摘要：是校驗(yàn)表單組件數(shù)據(jù)正確性的字段，其值為數(shù)組，里面的數(shù)組元素可以為。所以數(shù)組元素如果為的話，其內(nèi)容就是的。到目前為止，表單適合大部分的表單應(yīng)用場(chǎng)景。 JSON表單描述 JSON表單是一個(gè)基于React的抽象組件，它可以把JSON數(shù)據(jù)格式描述的表單轉(zhuǎn)換成項(xiàng)目中的表單，它可以用簡(jiǎn)短的幾行代碼，快速的生成Form表單。JSON表單的優(yōu)點(diǎn)是：可以快速構(gòu)建出一個(gè)表單表單的數(shù)據(jù)、邏輯、視圖分...

bingchen 2019-08-26 13:22 評(píng)論0 收藏0
翻譯 | 玩轉(zhuǎn) React 表單 —— 受控組件詳解

摘要：受控輸入框只會(huì)顯示通過(guò)傳入的數(shù)據(jù)。例如，數(shù)組中的元素將會(huì)渲染三個(gè)單選框或復(fù)選框。屬性接收一個(gè)布爾值，用來(lái)表示組件是否應(yīng)該被渲染成選中狀態(tài)。原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 譯者：小 B0Y 校對(duì)者：珂珂君本文涵蓋以下受控組件：文本輸入框數(shù)字輸入框單選框復(fù)選框文本域下拉...

big_cat 2019-08-22 11:05 評(píng)論0 收藏0
從0開(kāi)始構(gòu)建自己的前端知識(shí)體系-JS-事件-鍵盤事件總結(jié)

摘要：在探尋的過(guò)程中發(fā)現(xiàn)自己對(duì)鍵盤輸入事件的理解還并不到位，以至于有一些代碼看得云里霧里，趕緊查閱資料寫寫總結(jié)一下下文所說(shuō)只在與里做了探究。短按觸發(fā)順序長(zhǎng)按觸發(fā)順序循環(huán)事件阻止冒泡這類事件都會(huì)冒泡，阻止按照常規(guī)調(diào)用接口就可以阻止冒泡了。前言最近因一個(gè)需求在element-ui的Select組件文檔內(nèi)找不到對(duì)應(yīng)的示例，也就是filter-method方法的具體使用樣例，嘗試幾次之后也使用了...

Anonymous1 2019-08-22 15:55 評(píng)論0 收藏0
前端vue系列-起始篇 vue的基本認(rèn)知

摘要：管理后臺(tái)，日常就是提交各種表單了，這部分現(xiàn)有的方案，比如表單提交或者收集信息提交。，可以用于前端開(kāi)發(fā)的工程構(gòu)建。帶了人的前端團(tuán)隊(duì)，你的精力開(kāi)始在配合公司其他部門做用戶數(shù)據(jù)增長(zhǎng)了。開(kāi)始考慮使用的。? ? ? ?hi,大家伙，我是佛系大大，很高興與你們一起溝通，學(xué)習(xí)，進(jìn)步。 ? ? ? ?很久不更新博客了，現(xiàn)在回來(lái)再寫博客，盡然是有些懷念的感覺(jué)，幸福的感覺(jué)。因?yàn)閷懖┛停瑑?nèi)心會(huì)很寧?kù)o，沉浸在自己的...

I_Am 2019-04-23 11:44 評(píng)論0 收藏0