vue實現 使用者註冊功能的實現
****
****
****
****
****
****
****
****
****
**start**
****
****
****
****
****
****
****
****
****
****
****
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
"js/vue.js"
>
<
/script>
.error
.success
<
/style>
<
/head>
>
使用者名稱:
"username" placeholder=
"長度6到12位字母數字組成首字母不能是0"
>
class
="usernameclass"
>
}<
/span>
>
密碼:"userpwd" placeholder=
"長度6到10位數字字母組成"
>
class
="userpwdclass"
>
}<
/span>
>
**:"usertel" placeholder=
"常用的11位手機號"
>
class
="usertelclass"
>
}<
/span>
>
"register"
>註冊<
/button>
<
/div>
<
/body>
var vue =
newvue(,
methods:
&userpwd=
$&usertel=$`
); xhr.
send()
; xhr.
onreadystatechange
=function()
else}}
}else},
checkcontentbyreg
(reg, content, tip, classname)
else}}
, watch:
$/ig
;this
.usernameflag =
this
.checkcontentbyreg
(reg, content,
"usernametip"
,"usernameclass")}
, userpwd:
function
(content)
$/ig
;this
.userpwdflag =
this
.checkcontentbyreg
(reg, content,
"userpwdtip"
,"userpwdclass");
},usertel:
function
(content)
$/ig
;this
.usertelflag =
this
.checkcontentbyreg
(reg, content,
"userteltip"
,"usertelclass");
}}})
<
/script>
<
/html>
****
****
****
****
****
****
****
****
*******
end**
****
****
****
****
****
****
****
****
****
****
****
****
****
****
****
****
****
****
****
***start**
****
****
****
****
****
****
****
****
****
****
****
****
這是 config.php頁面的程式
<
?php
@header
("access-control-allow-origin:*");
//解決跨域問題
mysql_connect
("localhost:3306"
,"root"
,"root");
//連線資料的主機 使用者名稱和密碼
mysql_select_db
("2001");
//連線的資料庫
?>
****
****
****
****
****
****
****
****
****
*end
****
****
****
****
****
****
****
****
****
****
*******
****
****
****
****
****
****
****
****
****
**start**
****
****
****
****
****
****
****
****
****
****
****
* 這是 註冊頁面提交的資料處理頁面
<
?php
@require_once
("config.php");
//引入config.php頁面的**
$username = $_get[
"username"];
//接受前端頁面傳過來的資料
$userpwd = $_get[
"userpwd"];
//接受前端頁面傳過來的資料
$usertel = $_get[
"usertel"];
//接受前端頁面傳過來的資料
//2:選擇資料*
$sql1 =
"select count(*) from userinfo where username='$username' or usertel = '$usertel'"
;$resultlist =
mysql_query
($sql1)
;//是結果集
$item =
mysql_fetch_array
($resultlist)
;//獲取裡面的第一條資料
$result =
array()
;if($item[0]
>0)
else
else
}echo json_encode
($result)
;//輸出最終的結果
?>
為何ajax get方式的請求只執行一次？
為何ajax get方式的請求只執行一次？主要是因為ajax存在非同步快取的問題，ie8瀏覽器快取問題導致ajax的get請求只能執行一次，ajax本身自帶有實時非同步請求的功能，而ie快取導致請求時不會請求後台，會直接讀取快取的資料。解決方法 第一種 ajax get請求時，只需將cache設定為...
Ajax Get請求獲取後台返回的資料
ajax 物件的成員 屬性 responsetext 以字串形式接受返回的資料 readystate 0 剛建立ajax物件 1 已經呼叫open方法 2 已經呼叫send方法 3 已經返回部分資料 4 請求完成,資料返回完整 onreadystatechange 事件 當readystatus發生...
vue請求方式記錄
this.axios data qs.stringify datatype json then res 這種params作為鍵的，後端引數是可以傳遞過去的，但是引數同時會顯示在請求連線上，並不安全，如下 為不把引數暴露在位址中，還是將引數放在body中傳遞，使用qs包把物件轉為key value形式...