您的位置 >>> 星想互聯 >>> 編程技術 >>> JQUERY+JS
FormData對象
點擊數:186  發布時間2020-03-22 19:26:10

FormData對象用以將數據編譯成鍵值對,以便用XMLHttpRequest來發送數據。其主要用于發送表單數據,但亦可用于發送帶鍵數據(keyed data),而獨立于表單使用。

 

你可以自己創建一個FormData對象,然后調用它的append()方法來添加字段,像這樣:

var formData = new FormData();

formData.append("username", "Groucho");

formData.append("accountnum", 12); //數字12會被立即轉換成字符串 "12"

// HTML 文件類型input,由用戶選擇

formData.append("userfile", fileInputElement.files[0]);

 

想要構造一個包含Form表單數據的FormData對象,需要在創建FormData對象時指定表單的元素。

注意:FormData將僅使用具有name屬性的輸入字段。

示例:

var formData = new FormData(someFormElement);

    <form action="" id='myform'>

        <input type="text" name='title'>

        <input type="text" name='fdate'>

        <input type="submit" value='提交'>

    </form>

    <script>

        document.getElementById('myform').onsubmit=function(){

            var rs=new FormData(this);

            var xh=new XMLHttpRequest();

            xh.open('post','show.php');

            xh.send(rs);

            return false;

        }

    </script>

 

show.php:

    <?php

        echo json_encode($_POST);

    ?>

 

如果你設置正確的配置項,你也可以通過jQuery來使用FormData對象:

var fd = new FormData(document.querySelector("myform"));

fd.append("CustomField", "This is some extra data");

$.ajax({

  url: "stash.php",

  type: "POST",

  data: fd,

  processData: false,  // 不處理數據

  contentType: false   // 不設置內容類型

});

來源:咸寧網站建設
【上一篇】2020年19級測試名單
【下一篇】本地存儲localStorage
日本高清成 人,A级高清毛片av无码,欧美成 人 免费在线播放-首页 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>