jquery 에서 AJAX 요청$.post 방법 사용

jQuery 의$.post 방법 을 사용 하면 서버 에 POST 형식 으로 AJAX 요청 을 할 수 있 습 니 다.$..post 방법 은 jQuery 의 실 용적 인 도구 방법 입 니 다.
post 와 get 전송 방식 의 특징,GET 방법 으로 데 이 터 를 제출 하 는 것 이 안전 하지 않 습 니 다.데 이 터 는 요청 줄 에 있 고 클 라 이언 트 주소 표시 줄 에서 볼 수 있 습 니 다.GET 방법 으로 제출 한 데이터 크기 는 255 글자 로 제 한 됩 니 다.POST 방법 으로 제출 한 데 이 터 는 메시지 주체 에 두 고 클 라 이언 트 가 보이 지 않 으 며 POST 방법 으로 제출 한 데이터 크기 는 제한 이 없습니다.
$.post 방법 문법
$.post(url,parameters,callback)
매개 변수
 
url
(문자열)서버 쪽 자원 주소.
parameter
(대상)서버 에 전달 할 인자 가 필요 합 니 다.매개 변수 형식 은'키/값'입 니 다.
callback
(함수)요청 이 완료 되 었 을 때 호출 됩 니 다.이 함수 매개 변 수 는 응답 체 와 상태 순 으로 나 뉜 다.
반환 값
XHR 인 스 턴 스
간단 한 예 를 보다
클 라 이언 트 코드:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function () {
  $('#selectNum').change(function () {
    var idValue = $(this).val();
    //  POST      
    $.post('Server.aspx', { id: idValue }, function (text, status) { alert(text); });
  })
})
</script>
</head>
<body>
<select id="selectNum">
  <option value="0">--Select--</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
</body>
</html>
서버 주요 코드:

protected void Page_Load(object sender, EventArgs e)
{
  if (!Page.IsPostBack)
  {
    if (Request["id"] != null && !string.IsNullOrEmpty(Request["id"].ToString()))
    {
      Response.Write( GetData(Request["id"].ToString()));
    }
  }
}
protected string GetData(string id)
{
  string str = string.Empty;
  switch (id)
  { 
    case "1":
      str += "This is Number 1";
      break;
    case "2":
      str += "This is Number 2";
      break;
    case "3":
      str += "This is Number 3";
      break;
    default:
      str += "Warning Other Number!";
      break;
  }
  return str;
}
프로그램 을 실행 합 니 다.결 과 는 그림 과 같 습 니 다.
 
httpwatcher 로 요청 정 보 를 차단 합 니 다.드 롭 다운 상자 에서 숫자 를 선택 하면 다음 요청 정 보 를 캡 처 할 수 있 습 니 다.
$.post 방법 을 사용 할 때의 캡 처:
 
위의 그림 을 통 해 POST Data 에 인자 가 있 는 것 을 볼 수 있 는데 이것 은 POST 요청 임 을 설명 합 니 다.
서버 쪽 상태 가 바 뀌 거나 일부 데 이 터 를 업데이트 할 때 POST 로 요청 합 니 다.

좋은 웹페이지 즐겨찾기