Jquery.post(), Ajax을 이용하여 GET 전송하는 법

언어/Jquery 2017. 11. 26. 17:03

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

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)



사용법은 아래와 같음

1
2
3
4
5
6
7
8
　
$.ajax({ 
  url: url, 
  data: data, 
  success: success, 
  dataType: dataType 
});
　


사용예

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
　
// 요청 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");
　


저작자표시

'언어 > Jquery' 카테고리의 다른 글

Jquery.post(), Ajax을 이용하여 POST 전송하는 법  (0) 2017.11.26
[Jquery] SelectBox제어와 사용하는 방법  (0) 2017.11.17
블로그 이미지

Gddong

,

Jquery.post(), Ajax을 이용하여 POST 전송하는 법

언어/Jquery 2017. 11. 26. 16:59

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

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)



사용법은 아래와 같음

1
2
3
4
5
6
7
8
9
　
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: data
})
　


사용예

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
　
// 요청 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");
　
저작자표시

'언어 > Jquery' 카테고리의 다른 글

Jquery.post(), Ajax을 이용하여 GET 전송하는 법  (0) 2017.11.26
[Jquery] SelectBox제어와 사용하는 방법  (0) 2017.11.17
블로그 이미지

Gddong

,

[Jquery] SelectBox제어와 사용하는 방법

언어/Jquery 2017. 11. 17. 17:39

안녕하세요. 

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


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

1
2
3
4
5
//-========================
 
$("#selName option:selected").val();
 
 //-========================


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

1
2
3
4
5
//-========================
 
$("#selName option:selected").text();
 
 //-========================

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//-========================
 
// 기본 옵션 추가
$("#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. 선택박스에 옵션 삭제하기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//-========================
 
// 첫번째 옵션 삭제하기
$("#selName option:first").remove();
 
// 마지막 옵션 삭제하기
$("#selName option:last").remove();
 
// 특정 위치 옵션 삭제하기
$("#selName option:eq(3)").remove();
 
// 모든 옵션 삭제하기
$("#selName").find("option").remove();
 
 //-========================

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

1
2
3
4
5
6
7
8
9
//-========================
 
// index 값으로 주기
$("#selName option:eq(0)").attr("selected","selected");
 
// value 값으로 주기
$("#selName").val("이름").attr("selected","selected");
 
 //-========================

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

1
2
3
4
5
//-========================
 
$("#selName option").index($("#selName option:selected"));
 
 //-========================

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

1
2
3
4
5
//-========================
 
$("#selName option").size();
 
 //-========================


저작자표시 변경금지

'언어 > Jquery' 카테고리의 다른 글

Jquery.post(), Ajax을 이용하여 GET 전송하는 법  (0) 2017.11.26
Jquery.post(), Ajax을 이용하여 POST 전송하는 법  (0) 2017.11.26
블로그 이미지

Gddong

,

공지사항

Tistory Cumulus Flash tag cloud by requires Flash Player 9 or better.

최근에 받은 트랙백

글 보관함

달력

«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

티스토리툴바