맛집 여행 캠핑 일상 생활

jQuery 에서 AJAX 로 JSON DATA 를 전달할 때 데이터 필드명을 변수로 받아서 넘기는 방법입니다. function action_update(key1, val1, key2, val2) { var datas = {}; datas[key1] = val1; datas[key2] = val2; var request = $.ajax({ type: 'POST', data: datas, url: 'json_test.php', dataType: "json", success:function(result){ alert(result); } }); return false; } { key1:val1,key2:val2 } 형태가 먹히면 좋은데 안먹히니 위의 방법으로 사용하여야 합니다.

jQuery 달력 picker api 가 있는줄 모르고 어렵게 프로그래밍 했었는데 진작 알았더라면 좋았겠네요~ 출처 : https://api.jqueryui.com/datepicker/#option-dateFormat 샘플소스는 위의 이미지 처럼 나옵니다~

무슨 이유때문인지는 몰라도 onkeyup 이 안먹히는 경우가 있네요~ 크롬 브라우저를 너무 오래 사용해서 그런지 새로 설치한 크롬 브라우저에서는 잘 됩니다. 아무튼 위와 같은 코드가 안먹힐 때 jQuery 에서 처리하는 방법입니다. $(document).ready(function(){ $('input[name=inputField1]').on('keyup keypress',function(){ alert(this.value); }); }); 참 신기한 경우도 있네요~

PHP 같은 경우 $_SERVER['REMOTE_ADDR'] 로 클라이언트의 공인아이피를 알 수가 있습니다. 하지만 자바스크립트 자체적으로 알아낼 수가 없기에 외부에 프로그래밍된 것에 의존하여야 합니다. api.ipify.org 사이트와 같은 외부URL을 이용하는 방법과 자체적으로 서버를 구축하는 방법이 있습니다. 아래는 api.ipify.org 를 이용하는 방법입니다. 자체적으로 서버를 구축해서 이용할 수도 있습니다. PHP 소스 코드는 아래 처럼 작성하면 됩니다. 자체 서버를 구축한 다음에 구축한 서버의 url 을 호출하면 됩니다.

select 태그에서 id 가 없고 name 만 있는 경우에 셀렉트 onchange 이벤트를 캐치하는 방법입니다. $(document).ready(function(){ $("select[name='sOption']").change(function(){ alert(this.value); }); }); v1 v2 v3 id="sOption" 이라면 $("#sOption") 으로 가능합니다.

이미지 src 경로에 해당 파일이 없으면 Not found 에러가 나는데 대체 이미지를 지정할 수 있습니다. $('img').error({param1:value1}, function(e){ $(this).unbind('error'); // 무한루프 방지 $(this).attr('src',e.data.param1); }) .click({url:link},function(e){alert(e.data.url);}); 위의 소스 코드를 보고 응용하시면 됩니다.

jQuery AJAX 로 자신의 도메인이 아닌 다른 외부도메인의 주소를 호출시 일반적인 방법으로 값을 가져올 수가 없습니다. 타도메인을 호출할 때는 dataType 을 jsonp 로 설정하여야 하고 PHP 에서는 callback 함수로 리턴하여야 합니다. example.html 예제1) jsonpCallback 을 설정한 경우 function myCallFunction(v) { alert(v.param1 + ", " + v.param2); } $(document).ready(function(){ var request = $.ajax({ type: 'POST', data: {param1:'v1',param2:'v2'}, url: 'https://www.ivps.kr/zipcode/ajax-request.p..

[jQuery] 상위 노드 parent 찾기 자바스크립트의 document.getElementByID 로 찾는게 아닌 상위의 태그를 찾는 방법입니다.아래의 예는 팝업을 닫는 예제입니다. 코드를 보시면 이해가 되실 겁니다.

jQuery unload 스크립트가 안먹히는 문제 아래 코드로는 자바스크립트가 작동이 되지 않습니다.$(window).unload(function(){window.open("about:blank", "newWindow", "_blank"); // not workingconsole.log("### unload ###");}); 아래 처럼 적용하면 동작이 됩니다.$(window).on("beforeunload", function(){window.open("about:blank", "newWindow", "_blank");console.log("### beforeunload ###");}); 참고로 console.log 는 둘다 먹힙니다.

jQuery 특정 Element 제외하고 선택하기 특정 id나 element를 제외하고 액션을 수행할 수가 있습니다.아래 예제를 보면 두번째, 세번째 div 를 제외한 나머지를 선택하는 jQuery입니다.jQuery("div").not("#div2, #div3").each(function(){$(this).css({'backgroundColor':'red'});}); div1div2div3div4div5