網站建設中的表單的提交
1:提交時提交:
[/h
提交用于防止表單在提交前提交。如果錯誤，提交；如果是真的，不要提交！
[/h
檢查()是提交前的驗證功能。如果不符合要求，返回false將阻止表單提交。以下是示例文本:
復制代碼
公式=' 4。PHP ' method=' post ' on submit=' returncheck()' enctype=' multipart/form-data '//enctype設置文件上傳格式(該格式是上傳文件所必需的)
輸入id=' name ' type=' text ' placeholder='請輸入名稱'
input id=' paw ' type=' text ' placeholder='請輸入密碼'
input type=' file '
input type=' submit ' value=' submit '
/表格
復制代碼
復制代碼
腳本
check(){
var name=document . GetElementbyID(' name ')；
var paw=document . GetElementBYID(' paw ')；
if(name==''paw==''){
返回false
}否則{
返回真；
}
}
/腳本
復制代碼
2:使用ajax的異步提交:
1:創建一個XMLHttpRequest核心對象(老師要求它要用心寫)
復制代碼
函數getXhr(){
var xhr=null
if(窗口。XMlhttprequest){
xhr=新的XMlhttprequest；IE8以外的其他瀏覽器{
}否則{
}
formaction=' 3。PHP ' method=' post ' id=' my form ' name=' my form '
}
復制代碼
ii:建立連接并提交(帖子)
復制代碼
車身
username:input type=' text ' id=' user ' name=' user ' br
password:input type=' text ' id=' paw ' br
input type=' button ' value=' submit ' id=' BTN '
/form
varbtn=document . getelement byid(' BTN ')；
/車身
腳本
BTN . onclick=function(){
var Xhr=GetXhr()；
xhr.open('post '，' 3 . PHP ')；//與server
xhr . setrequest header(' content-type '，' application/x-www-form-URL encoded ')建立連接；//設置post的請求頭
varuser=document . getelement by id(' user ')。價值；//獲取名稱值
varpaw=document . getelementbyid(' paw ')。價值；//獲取paw值
xhr . send(' user='+user+' PAW='+PAW)；//客戶端向服務器
xhr . onreadystatechange=function(){//客戶端接受服務器的響應
//以確保服務器響應的數據完全發送
if(xhr.readyState==4){
//以確保請求成功。狀態代碼200為成功
if(xhr.status==200){
//接受服務器端數據
var data=xhr.responseText
//test
console.log(數據)；
}
}
}
}
/腳本
復制代碼
ii:建立連接并提交(get)
復制代碼
腳本
BTN . onclick=function(){
var Xhr=GetXhr()；
BTN . onclick=function(){
var user=document . GetElementbyID(“用戶”)。價值；//獲取名稱值
xhr . send(' user='+user+' PAW='+PAW)；//客戶端向服務器
varpaw=document . getelementbyid(' paw ')。價值；//獲取paw值
xhr.send(空)；//客戶端向服務器發送請求
xhr . onreadystatechange=function(){//客戶端接受服務器端響應
//以確保服務器響應的數據完全發送
if(xhr.readyState==4){
//以確保請求成功。狀態代碼200為成功
if(xhr.status==200){
//接受服務器端數據
var data=xhr.responseText
//test
console.log(數據)；
}
}
}
}
}
復制代碼
注意:發送不能從發布或獲取中省略。get類型的發送是send(null ),無法向服務器發送請求數據
3。jQuery中的ajax提交:
比較常用的
$get(url、數據、回調、類型)
//網址:提交地址數據:提交數據回調:回調函數類型:指定服務器端返回的數據格式。默認為超文本標記語言格式。其他格式包括xml和json。
//帖子和它一樣，只是換成了帖子。
不常用
復制代碼
$ajax({
Url:'4.php '，//設置請求地址
type:'post '，//設置請求方法
async:'true '，//設置異步請求
data: { name: ' David '，age:' 20'}，//發送請求的數據 唯一鍵:value
success :函數(數據，文本狀態){//回調函數
console.log(數據)，成功后；
}，
error:函數(xmlhttprequest，textstatus，errorstown){//失敗后回調函數
console . log(text status)；
}，
})
復制代碼
福州優橙互聯網(Fuzhou Youcheng Internet)，一家專注于福州網站建設的網站制作公司，為客戶提供小程序制作，促進福州網絡的全網推廣和精準拓客。歡迎訪問http://www.simple-vegetarian-recipes.com
