본문 바로가기
JAVA/JavaScript

파라미터값 넘기기 받기

by java나유 2022. 7. 24.

파라미터 값을 넘기려면 일단 form과 method="get", action, submit함수를 사용해야한다.

form을 submit으로 전송한다.

 

단, 이때 method  =get 은 보안에 취약함

 

 

전송할때->  form의 에서 전송할 name값으로 전송됨

즉 파라미터에서 name의 네임값이전달

어디로? action으로 

 

바디

<form name="f" id="f" method="get" action="./js10B.html">
<p>A파트</p>
<span>장바구니 시스템[사용자가 구매할 과일을 선택하세요 (단 2가지 이상)]</span>
<br>
<span id="basket"></span>
<input type="button" value="신청완료" onclick="ch();">

</form>

파라미터

 

자바스크립트

 

전송할 form의 네임은 fr 이다 

form 자체의 네임과 다름 

전송할게 input값이니까

function ch(){
    var count =0;
    var k =0;
    while(k<ea){
       if(f.fr[k].checked==true){
          count++;
    
       }
       k++;
    }
    if(count <2){
       alert("해당 구매하실 과일을 2가지 이상을 선택해야 합니다.");
    }else{
       f.submit();
    }
    
}


 var b=["사과", "딸기", "바나나", "키위", "파인애플", "수박", "참외"];
 var ea= b.length;
 var w=0;
 var html,html2,html3,text;
 do{
    html = document.getElementById("basket");
    html2 = document.createElement("label");
    html3 = document.createElement("input");
    html3.type="checkbox";
    html3.name="fr";
    html3.value=w;
    text = document.createTextNode(b[w]);
    html2.append(html3);
    html2.append(text);
    html.append(html2);
    w++;
 }while(w<ea);

받을 때

 

받은 파라미터의 값을 split으로 쪼개준다.

<script>
var data=[
	["사과","딸기","바나나","키위","파인애플","수박","참외"],
	[1800,5500,4000,6000,12000,23000,8000],
];

var url= window.location.search;
var array =url.split("&fr=");
var ea=url.split("&fr=").length;
var w=0;
var product_list=""; //사용자가 선택한 상품 전체 리스트 출력 변수 
var money=0;

while(w<ea){
	if(w==0){
		var product1=array[0].split("?fr=");
		product_list= data[0][product1[1]]+"("+data[1][product1[1]]+")";
		money=data[1][product1[1]];
	}
else{
	product_list += data[0][array[w]]+"("+data[1][array[w]]+") ";
	money+=data[1][array[w]];
}
	w++;
}	
document.getElementById("product_nm").append(product_list);
document.getElementById("product_total").append(money+"원");

function post_pay() {
	location.href='./js10CC.html?total='+money;
}

</script>

 

locationg.href로 또 다음 스크립트로 전달

 

var url=window.location.search;
var money=url.split("?total=");
document.getElementById("total").append(money[1]+" 원");
var bank=["하나은행 608-12-553432 예금주명 : 홍길동",
		"SC은행 323-20-227025 예금주명 : 홍길동",
		"국민은행 64-2342-1134568 예금주명 : 홍길동"];

 

 

728x90

댓글