ajax에서 배열의 값을 java단으로 넘기고 싶은데 null값이 출력된 경우가 있을 것이다.

 

이럴때에는 

ajax속성중에 

taraditional : ture를 주면 배열의 값을 자바단에 넘겨줄수 있게 만든다

 

$.ajax({
url : "/selectTermsRequireDataChk.do",
data : {"checkedTermNoArr" : checkedTermNoArr},
traditional : true,

success : function(data) {
alert(data);
}

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

return , return true, return false 차이  (0) 2019.04.03
배열의 최대값, 최소값 추출  (0) 2019.04.02
아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22

.prop()
.prop()는 지정한 선택자를 가진 첫번째 요소의 속성값을 가져오거나 속성값을 추가합니다. 주의할 점은 HTML 입장에서의 속성(attribute)이 아닌 JavaScript 입장에서의 속성(property)이라는 것입니다.

문법 1
.prop( "checked")   //checked의 속성을 가져 온다.



문법 2
.prop( "checked", "N") //cheked의 속성을 추가한다.

저작자표시

'Front-End > jQuery' 카테고리의 다른 글

.each 함수 설명  (0) 2017.06.21

if () {

 

 return;

}

> null을 반환 (null을 return)

 

if () {

 

 return true;

}

> true을 반환 (true을 return)

 

if () {

 

 return false;

}

> false을 반환 (false을 return)

 

음....... return / return true / return false를 사용하는 이유는

 

호출한 곳에서 값을 받는곳이 있으면 true, false

없으면 그냥 return만 사용

 

예를 들면

var validChkCls = {
gridValidchkFn : function() {

 

if (eachEmptyChk > 0) {
alert("빈값이 존재합니다.");

return false;
}

if (eachNumChk > 0) {
alert("노출순서는 숫자만 입력가능 합니다.");

return false;
}

return true;
},

 

 

var gridActionCls = {
validChkCallFn : function() {
//그리드 유효성 검사
if (!validChkCls.gridValidchkFn()) {
return false;
}

return true;

}

 

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

ajax traditional  (0) 2019.04.21
배열의 최대값, 최소값 추출  (0) 2019.04.02
아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22

Math.max.apply(nlll,배열); //최대값

 

Math.min.apply(nlll,배열); //최소값

 

var array = [-1, 2, 5, 7, 9];

 

Math.max.apply(null,array); 

> 9

 

Math.min.apply(null,array); 

> -1

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

ajax traditional  (0) 2019.04.21
return , return true, return false 차이  (0) 2019.04.03
아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22

css 파일 안에 


caption {position:absolute;}

 

아이폰으로 크롬,사파리에서는 '%'로 테이블 col width 값을 준 경우


간격이 모두 똑같아 보이는 현상이 생기는데, 이런 경우는 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 


그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처리가 안되면, caption이 보인다.

 

따라서 다음과 같이 수정하는 것을 추천.


caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}



 

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

return , return true, return false 차이  (0) 2019.04.03
배열의 최대값, 최소값 추출  (0) 2019.04.02
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22
onkeypress Event  (0) 2018.01.29

<div style="cursor:pointer;" onclick="window.scrollTo(0,0);">TOP</div>

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

배열의 최대값, 최소값 추출  (0) 2019.04.02
아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
json형태의 object object 출력 방법  (1) 2018.02.22
onkeypress Event  (0) 2018.01.29
jquery - select option 선택값 가져오기  (0) 2018.01.17

javascript에서 JSON형태의 값을 alert을 찍을때

alert(변수명); 

[object object]로 나올경우 

alert(JSON.stringify(변수명)); 

으로 찍을경우 해당 값을 확인 할 수 있다.


저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
onkeypress Event  (0) 2018.01.29
jquery - select option 선택값 가져오기  (0) 2018.01.17
function (e)  (0) 2017.12.13

onkeypress 속성은 키보드 이벤트 입니다. 

사용자가 키를 누르고 실행할때(키를 클릭한 시점)에 스크립트를 실행합니다.


1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
<!--
  function eventonkeypress() {
    alert("사용자가 키를 누르고 키를 실행하였습니다.");
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs

와 같이 만듭니다.


위의 소스를 응용해서 사용자가 엔터키를 눌렀을때 발생하도록 하겠습니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
<!--
  function eventonkeypress() {
    if (event.keyCode==13) {
            alert("사용자가 키를 누르고 키를 실행하였습니다.");
        }   
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs


저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22
jquery - select option 선택값 가져오기  (0) 2018.01.17
function (e)  (0) 2017.12.13

[jquery] select  box 선택값 가져오기


// select box ID로 접근하여 선택된 값 읽기 ( 선택된 value )
$("#셀렉트박스ID option:selected").val();

// select box Name로 접근하여 선택된 값 읽기
$("select[name=셀렉트박스name]").val();

// 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~
$("span[name=셀렉트박스name]").text();

// 선택된 값의 index를 불러오기
var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected"));

// 셀렉트 박스에 option값 추가하기
$("#셀렉트박스ID").append("<option value='1'>1번</option>");

// 셀렉트 박스 option의 맨앞에 추가 할 경우
$("#셀렉트박스ID").prepend("<option value='0'>0번</option>");

// 셀렉트 박스의 html 전체를 변경할 경우
$("#셀렉트박스ID").html("<option value='1'>1차</option><option value='2'>2차</option>");

// 셀렉트 박스의 index별로 replace를 할 경우
// 해당 객체를 가져오게 되면, option이 다수가 되므로 배열 객체가 되어 eq에 index를 넣어 개별 개체를 선택할 수 있다.
$("#셀렉트박스ID option:eq(1)").replaceWith("<option value='1'>1차</option>");

// 직접 index 값을 주어 selected 속성 주기
$("#셀렉트ID option:eq(1)").attr("selected", "selected");

// text 값으로 selected 속성 주기
$("#셀렉트ID")val("1번").attr("selected", "selected");

// value 값으로 selected 속성 주기
$("#셀렉트ID").val("1");

// 해당 index item 삭제하기
$("#셀렉트ID option:eq(0)").remove();

// 첫번째, 마지막 item 삭제하기
$("#셀렉트ID option:first").remove();
$("#셀렉트ID option:last").remove();

// 선택된 옵션의 text, value 구하기
$("#셀렉트ID option:selected").text();
$("#셀렉트ID option:selected").val();

// 선택된 옵션의 index 구하기
$("#셀렉트ID option").index($("#셀렉트ID option:selected"));

// 셀렉트박스의 아이템 갯수 구하기
$("#셀렉트ID option").size();

// 선택된 옵션 전까지의 item 갯수 구하기
$("#셀렉트ID option:selected").prevAll().size();

// 선택된 옵션 후의 item 갯수 구하기
$("#셀렉트ID option:selected").nextAll().size();

// 해당 index item 이후에 option item 추가 하기
$("#셀렉트ID option:eq(0)").after("<option value='3'>3번</option>");

// 해당 index item 전에 option item 추가하기
$("#셀렉트ID option:eq(3)").before("<option value='2'>2번</option>");

// 해당 셀렉트 박스에 change event binding 하기
$("#selectID").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});


[jquery] select  box 선택값 가져오기

 

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22
onkeypress Event  (0) 2018.01.29
function (e)  (0) 2017.12.13

function (e)  <<<<< (e) 는 event 관련 object를 받는 argument 이다.

저작자표시

'Front-End > JavaScript' 카테고리의 다른 글

아이폰에서 width 항상 동일하게 나올때 처리 방법  (0) 2018.03.28
클릭시 페이지 최상단으로 이동 방법  (0) 2018.03.27
json형태의 object object 출력 방법  (1) 2018.02.22
onkeypress Event  (0) 2018.01.29
jquery - select option 선택값 가져오기  (0) 2018.01.17

+ Recent posts

티스토리툴바