登入系統 POST無法傳送至正確畫面

php html javescript

phes11434 2022-12-26 22:49:59 ‧ 1147 瀏覽

分享至

小弟最近在寫網頁，想將資料傳送到php並得到參數

php部分已寫好(手機端也用同樣的方式傳送近來得到參數，想說都用相同的php比較方便，不用維護兩隻程式)

但遇到一個問題，始終無法在傳送後的畫面得到值

有一個主頁(index.html)

<form class="form" method="post" action="login.php">
            <input type="text" oninvalid="setCustomValidity('Please enter email');" oninput="setCustomValidity('');" id="Email" name="Email" placeholder="Email" required>
            <div class="tab"></div>
            <input type="text" oninvalid="setCustomValidity('Please enter password');" oninput="setCustomValidity('');" id="Pswd" name="Pswd" placeholder="Password" required>
            <div class="tab"></div>
			<button type="submit" onclick = "location.href='loginpage.php'">Submit</button>
            <!-- <input type="submit" value="Log in" class="submit">-->
          </form> 
		  <script>
  
			const formEL = document.querySelector('.form');
	
			formEL.addEventListener('submit', event =>{
				event.preventDefault();
		
				const formData = new FormData(formEL);
				const data = Object.fromEntries(formData);
				
				//console.log(formData.get('Email'));
				fetch('./loginpage.php',{
					method: 'POST',
					headers:{
						'content-Type': 'application/json'
					},
					body: JSON.stringify(data)
				}).then(res => res.json())
				  .then(data => console.log(data))
				  .catch(error => console.log(error));
			});
	
		   </script>

<?php
header('Content-Type:application/json'); 
$json = file_get_contents('php://input');
$array = json_decode($json, true);

$Email = $array["Email"];
$Pswd = $array["Pswd"];

include("Connect_Database.php");


$sql1 = "select * from signup_ios where Email = '$Email' AND Pswd = '$Pswd';";
$res1 = mysqli_query($con,$sql1);

$result = array();
while($row = mysqli_fetch_array($res1)){
array_push($result,array(
'FirstName' => $row["FirstName"],
"LastName" => $row["LastName"],
'Pswd' => $row["Pswd"],
'Cellphone' => $row["Cellphone"],
'Email' => $row["Email"]
));
}

$data = array(
        'data'=> $result
    );
echo json_encode($data,JSON_UNESCAPED_UNICODE);
mysqli_close($con);
?>

點選submit後會到loginpage.php

<!DOCTYPE html>
<html>
<body>

<h1>Welcome to my home page!</h1>
<?php include 'login.php';
echo "data $data ";
?>

</body>
</html>

但卻無法顯示任何資料出來，第一次寫非_POST方式的php，希望各位大大能幫忙解惑

wiseguy iT邦超人 1 級 ‧ 2022-12-27 08:04:23 檢舉

去掉
```
onclick = "location.href='loginpage.php'"
```

phes11434 iT邦新手 2 級 ‧ 2022-12-27 19:41:10 檢舉

已去掉onclick這串，但無法跳頁不太清楚為甚麼，記得action是會換頁

四拾四秒工作室 iT邦新手 5 級 ‧ 2023-02-25 15:13:23 檢舉

我沒實際跑過您的程式，所以不太確定實際情況，但是如果要先做 fetch 之後再跳到某個網頁的話，建議把轉跳部分（window.location.href = 'url'）放在 fetch 的最後 .then 裡面

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

企鵝大叔

iT邦新手 5 級 ‧ 2022-12-27 10:49:57

留言處已有回應

wiseguy
去掉

onclick = "location.href='loginpage.php'"

請改成已解答, 或者提出你後續的疑問喔

回應 2
分享
檢舉

phes11434 iT邦新手 2 級 ‧ 2022-12-27 20:48:02 檢舉

已去掉onclick這串，但無法跳頁不太清楚為甚麼，記得action是會換頁

企鵝大叔 iT邦新手 5 級 ‧ 2022-12-28 14:30:39 檢舉

具體的原因大概是因為...各家瀏覽器對於 dom物件綁定的事件與觸發的先後順序問題

原先綁定再 html 內的 onclick 被觸發後, 並執行了, 網頁被切走了, 後續的內容還來不及觸發, 所以只觸發了 onclick 的換頁動作。

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22217 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙