반응형
[JavaScript] HTML에서 javascript를 활용하여 GET 방식으로 데이터 보내는 방법 !!
html에서 javascript를 활용하여 get방식으로 유저아이디와 유저이름 데이터 보내는 방법 입니다 ㅎ
서버 엔드포인트에 ? 를 시작으로 아래와 같이 작성해주시면 됩니다 :)
예제코드
<!DOCTYPE html>
<html>
<head>
<title>GET Request Example</title>
</head>
<body>
<h2>GET Request Example</h2>
<form id="userForm">
<label for="userId">User ID:</label><br>
<input type="text" id="userId" name="user_id"><br>
<label for="userName">User Name:</label><br>
<input type="text" id="userName" name="user_name"><br><br>
<button type="button" id="submitButton">Send GET Request</button>
</form>
<script>
document.getElementById("submitButton").addEventListener("click", function() {
var userId = document.getElementById("userId").value;
var userName = document.getElementById("userName").value;
var url = "your_server_endpoint?" + "user_id=" + encodeURIComponent(userId) + "&user_name=" + encodeURIComponent(userName);
window.location.href = url;
});
</script>
</body>
</html>728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트로 초간단 미사일 피하기 게임 만들기 3 !! (내 비행기 케릭터 추가하기) (0) | 2023.12.16 |
|---|---|
| [JavaScript] 자바스크립트로 초간단 미사일 피하기 게임 만들기 2 !! (재시작 버튼 및 난이도 조절) (15) | 2023.12.12 |
| [JavaScript] 자바스크립트 문자열내에서 엔터(줄바꿈) 적용되게 하는법 !! (0) | 2023.11.27 |
| [JavaScript] ChatGPT API 를 활용하여 나만의 인공지능 비서만드는 방법2 !! (4) | 2023.11.24 |
| [JavaScript] 자바스크립를 활용하여 시간 지나면 자동 새로고침과 키보드 입력시 초기화 하는 방법 !! (0) | 2023.11.13 |
댓글