form表單提交

wall2flower 發(fā)布于2019-08-02 14:28 / 2021人閱讀

摘要：前言這是一篇關(guān)于提交數(shù)據(jù)的文章，由提供表單提交一是的一個標(biāo)簽，用來向服務(wù)端發(fā)送數(shù)據(jù)。

前言：這是一篇關(guān)于form提交數(shù)據(jù)的文章，ajax由jQuery提供

form表單提交

一、form是HTML的一個標(biāo)簽，用來向服務(wù)端發(fā)送數(shù)據(jù)。form元素有自己的屬性，這里要講的是form的enctype,method,action這三個屬性

enctype:表示的是當(dāng)method="post"時候，form將數(shù)據(jù)提交給服務(wù)器端的MIME類型可能取值有以下三種

application/x-www-form-urlencoded:未制定格式的默認(rèn)格式

multipart/form-data:用于type屬性值設(shè)為file的input標(biāo)簽

text/plain(html5)

2.method:表示指定瀏覽器用那種http方式提交form，可能值有

post:指的是HTTP post方法，表單數(shù)據(jù)會包含在表單體內(nèi)部提交給服務(wù)器端

get:指的是HTTP get方法，表單數(shù)據(jù)會附加在action屬性的URI中，并以?作為分隔符，得到這樣的URI在提交給服務(wù)器端，數(shù)據(jù)暴露在URI中

3.action: 處理當(dāng)前form信息所在的URL

利用上述屬性發(fā)送表單數(shù)據(jù)至服務(wù)器端

二、實(shí)踐一
HTML code

demo.php接收數(shù)據(jù)進(jìn)行處理

JavaScript code

三、實(shí)踐二
當(dāng)前存在input元素的type類型是file

HTML code

JavaScript code

云服務(wù)器 GPU云服務(wù)器 form表單提交 form表單提交input form表單提交json ajax提交form表單

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/53821.html

相關(guān)文章

form表單那點(diǎn)事兒(下) 進(jìn)階篇

摘要：在表單提交時，瀏覽器會自動進(jìn)行一系列的校驗(yàn)工作，沒有通過校驗(yàn)的表單是無法提交到服務(wù)器的。而方法提交表單，會在請求中發(fā)送表單字段鍵值對。表單提交事件表單提交到服務(wù)器時，會觸發(fā)事件。上一篇主要溫習(xí)了一下form表單的屬性和表單元素，這一片主要講解用JavaScript如何操作form。表單操作取值用JavaScript操作表單，免不了會有取值賦值操作，比如有以下表單： ...

jerryloveemily 2019-08-01 15:24 評論0 收藏0
JavaScript 表單腳本——“表單的基礎(chǔ)知識”的注意要點(diǎn)

摘要：處理表格和提交等等重置表單重置表單應(yīng)該使用或當(dāng)用戶單擊重置按鈕重置表單時，會觸發(fā)事件，可以在必要的時候取消重置操作另外也可以通過腳本調(diào)用方法重置表單，在調(diào)用方法重置表單時會觸發(fā)事件。在中，表單中新增加了屬性，自動把焦點(diǎn)移動到相應(yīng)字段。 HTMLFormElement繼承了HTMLElement，它自己獨(dú)有的屬性和方法有： acceptCharset:服務(wù)器能夠處理的字符集，等價于HT...

chnmagnus 2019-08-19 17:26 評論0 收藏0
表單驗(yàn)證（-）

摘要：這樣我們就有機(jī)會驗(yàn)證表單數(shù)據(jù)，并據(jù)以決定是否允許表單提交。下面代碼會阻止表單提交取得時間對象阻止默認(rèn)事件注意以這種方式提交表單，不會觸發(fā)事件。這里是表單驗(yàn)證的第一課：主要講授有關(guān)表單的基礎(chǔ)知識。關(guān)于表單驗(yàn)證的更多知識可以參考《javascript高級程序設(shè)計(jì)》之第14章：表單腳本 1.表單事件 submit():提交表單reset():將所有表單域重置為默認(rèn)值（1）.取得form元...

cppowboy 2019-08-21 14:18 評論0 收藏0
基于原生JS驗(yàn)證表單組件：xy-form

摘要：表單地址值為，規(guī)定向何處發(fā)送表單數(shù)據(jù)。回車鍵會觸發(fā)表單。請求方式規(guī)定請求方式，默認(rèn)為可選。驗(yàn)證如果使用該屬性，則提交表單時不進(jìn)行驗(yàn)證。自定義表單驗(yàn)證默認(rèn)情況下，如果驗(yàn)證失敗，表單則不會提交。是一個原生組件，不限制于框架，可直接使用。原生form表單 form表單元素大家可能都用到過，除了可以提交表單外，還有一些內(nèi)置的表單校驗(yàn)，比如require、minlength、maxlength...

張利勇 2019-08-26 14:05 評論0 收藏0
表單腳本

摘要：文本框腳本有兩種方式表現(xiàn)文本框的單行文本框和的多行文本框。對于單行文本框，通過特性可以指定文本框能夠顯示的字符數(shù)，通過特性訪問其內(nèi)容，而則用于指定其可以接受的最大字符數(shù)。 title: 表單腳本 date: 2016-12-19 15:17 tags: JavaScript 0x00 表單基礎(chǔ) 在 HTML 中，表單由元素來表示，但是在 JavaScript 中，表單對應(yīng)...

stormgens 2019-08-21 11:19 評論0 收藏0