파라미터 값을 넘기려면 일단 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
'JAVA > JavaScript' 카테고리의 다른 글
파라미터 값 던지는 3가지 방법 (0) | 2022.07.24 |
---|---|
체크박스 전체선택 (0) | 2022.07.24 |
이클립스와 자바스크립트 연결 (0) | 2022.07.20 |
javascript 이용 약관 전체 동의 만들기 (0) | 2022.07.19 |
javascript 배열로 공지사항 만들기, legend, fieldset (0) | 2022.07.18 |
댓글