안녕하세요. 쥐똥박사입니다.

Jquery로 get 전송하는 방법을 알려드리도록 하겠습니다.



원문: http://api.jquery.com/jQuery.post/


jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )


개요: HTTP POST 방식 요청을 통해 서버로부터 데이터를 받습니다.


data?

서버로 보내 데이터


success(data, textStatus, jqXHR)?

요청이 성공하면 실행될 콜백 함수.


dataType?

서버에서 반환되는 데이터의 타입, Default:지능형 추측(xml, json, script, html)



사용법은 아래와 같음

 
$.ajax({  
  url: url,  
  data: data,  
  success: success,  
  dataType: dataType  
}); 
 


사용예

 
// 요청 url만, 리턴 결과값 무시함.
$.get(" http://web/test/");  

=======================================================================================

// name이랑 time 포함해서 보내는 형식
$.get("http://web/test/", {name:"gddong",time:"2시"});

=======================================================================================

//Array 배열 형으로 넣어 보내는 형식
$.get("http://web/test/", {'arrayName[]' : ["array1","array2"]}); 

=======================================================================================

//폼데이터 내에 ID 가져옴
$.get("http://web/test/", $("#ID").serialize()); 

=======================================================================================

//값일 전송 후 리턴 값 받음.
$.get("http://web/test/", function(data){ 
    alert("데이터 불러온 결과: "+data);
});

=======================================================================================

// Json방식으로 전송하여 리턴 값 받음.
$.get("http://web/test/", {"func":"getNameAndTime"}, function(data){
    console.log(data.name);    //gddong
    console.log(data.time);    //2시
}, "json");
 


블로그 이미지

Gddong

,

안녕하세요. 쥐똥박사입니다.

Jquery로 post 전송하는 방법을 알려드리도록 하겠습니다.



원문: http://api.jquery.com/jQuery.post/


jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )


개요: HTTP POST 방식 요청을 통해 서버로부터 데이터를 받습니다.


data?

서버로 보내 데이터


success(data, textStatus, jqXHR)?

요청이 성공하면 실행될 콜백 함수.


dataType?

서버에서 반환되는 데이터의 타입, Default:지능형 추측(xml, json, script, html)



사용법은 아래와 같음

 
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: data
})
 


사용예

 
// 요청 url만, 리턴 결과값 무시함.
$.post(" http://web/test/");  

=======================================================================================

// name이랑 time 포함해서 보내는 형식
$.post("http://web/test/", {name:"gddong",time:"2시"});

=======================================================================================

//Array 배열 형으로 넣어 보내는 형식
$.post("http://web/test/", {'arrayName[]' : ["array1","array2"]}); 

=======================================================================================

//폼데이터 내에 ID 가져옴
$.post("http://web/test/", $("#ID").serialize()); 

=======================================================================================

//값일 전송 후 리턴 값 받음.
$.post("http://web/test/", function(data){ 
    alert("데이터 불러온 결과: "+data);
});

=======================================================================================

// Json방식으로 전송하여 리턴 값 받음.
$.post("http://web/test/", {"func":"getNameAndTime"}, function(data){
    console.log(data.name);    //gddong
    console.log(data.time);    //2시
}, "json");
 
블로그 이미지

Gddong

,

안녕하세요. 

이번에는 JQuery를 SelectBox를 제어하는 방법을 알아보도록 하겠습니다.


1. 현재 선택된 값을 구하기.

 //-========================

$("#selName option:selected").val();

 //-========================


2. 현재 선택된 내용을 구하기.

//-========================

$("#selName option:selected").text();

 //-========================

3. 선택박스에 옵션 추가하기

//-========================

// 기본 옵션 추가
$("#selName").append("<option value='값'>이름</option>");

// 옵션 최상단에 추가
$("#selName").prepend("<option value='값'>이름</option>");

// 특정 위치 아래에 옵션 추가
$("#selName option:eq(1)").after("<option value='값'>이름</option>");

// 특정 위치 위에 옵션 추가
$("#selName option:eq(2)").before("<option value='값'>이름</option>");

//-========================

4. 선택박스에 옵션 삭제하기

//-========================

// 첫번째 옵션 삭제하기
$("#selName option:first").remove();

// 마지막 옵션 삭제하기
$("#selName option:last").remove();

// 특정 위치 옵션 삭제하기
$("#selName option:eq(3)").remove();

// 모든 옵션 삭제하기
$("#selName").find("option").remove();

 //-========================

5. 특정 값으로 selected 이벤트를 주기

//-========================

// index 값으로 주기
$("#selName option:eq(0)").attr("selected","selected");

// value 값으로 주기
$("#selName").val("이름").attr("selected","selected");

 //-========================

6. 선택된 옵션의 index 구하기

//-========================

$("#selName option").index($("#selName option:selected"));

 //-========================

7. 선택된 옵션의 갯수 구하기

//-========================

$("#selName option").size();

 //-========================


블로그 이미지

Gddong

,