'공부거리/AJAX' 카테고리의 글 목록

공부거리/AJAX

[JQUERY]jquery 를 사용한 아작스

그니우즈 2015. 12. 22. 09:51

2015. 12. 22. 09:51

function loginCheck(){
if($('#id').val() == ""){
  alert("아이디를 입력해주세요.");
  $('#id').focus();
  return;
}

if($('#pass').val() == ""){
  alert("패스워드를");
  $('#pass').focus();
  return;
}
var params = {"id":$('#id').val() ,"pass":$('#pass').val() };

$.post("https://....../login.html",$.param(params),
function(data) {
var requestData = data.trim();
requestData = requestData.split("||");

  if(requestData[1] == "OK"){
   alert("로그인 되었습니다.");
   document.reload();
   return;
  }else if(strData[1] == "ID"){
   alert("존재하지 않는 아이디입니다.");
   $('#id').focus();
   return;
  }else if(strData[1] == "PASS"){
   alert("패스워드가 틀렸습니다.");
   $('#pass').focus();
   return;
  }else{
   alert("잘못된 접근입니다");
   return;
  }

});
}

'공부거리 > AJAX' 카테고리의 다른 글

jquery ajax 를 이용한 xml 파싱 방법 (0)	2013.11.06
XMLHttpRequest 방식 Ajax 통신 (0)	2013.04.18

jquery ajax 를 이용한 xml 파싱 방법

그니우즈 2013. 11. 6. 17:23

2013. 11. 6. 17:23

$.ajax({
    type: "POST",//전송방식 GET,POST
    url: "전송할 페이지 URL",
    data: {name : "value" , name2 : "value2"},//파라미터 전송
    dataType: "xml",//페이지 리턴 형식 json, jsonp, xml, html
    async: false, //동기식 = false , 비동기식 = true // 기본값 true
    success: function(xml){ //아작스 전송 성공시 실행 스크립트
     //$("#contents").html(xml);
    },
    beforeSend : function(){// 아작스 전송전 실행 스크립트
     $("#nation_content_view").showLoading();
    },
    complete : function(){//아작스 작업 완료후 실행 스크립트
     $("#nation_content_view").hideLoading();
    },
    error: function(xhr, status, error){ // 아작스 에러 발생시 실행 스크립트
      alert("에러 : " + error);
    }
   });

jQuery 아작스 틀

그중 success 부분을 아래와 같이 처리

if( $(xml).find("result_size").text() > 0 ){
     //반복문으로 파일 표시
     $(xml).find("record").each(function(){
      var path = $(this).find("PATH").text();
      var name = $(this).find("NAME").text();
      var view = $(this).find("VIEW").text();
     });
    }

리턴 xml 양식

<result_set>
      <success>true</success>
      <result_size>3</result_size>
      <record no="1">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
      <record no="2">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
      <record no="3">
            <PATH>파일경로</PATH>
            <NAME>파일명칭</NAME>
            <VIEW>뷰 어쩌고 저쪼고</VIEW>
      </record>
</result_set>

'공부거리 > AJAX' 카테고리의 다른 글

[JQUERY]jquery 를 사용한 아작스 (0)	2015.12.22
XMLHttpRequest 방식 Ajax 통신 (0)	2013.04.18

XMLHttpRequest 방식 Ajax 통신

그니우즈 2013. 4. 18. 11:10

2013. 4. 18. 11:10

가장 기본이 되는 XMLHttpRequest방식의 Ajax 통신방법입니다.

index.php

<!-- <%@ // page contentType="text/plain; charset=utf-8" %>
jsp 일경우 언어셋 설정

<%
/*
request.setCharacterEncoding("utf-8");
String name = request.getParameter("name");
*/
%> utf-8 로 인코딩된 파라미터 받기

<?
/*
$name = $_POST['name'];
$name = iconv("utf-8","euc-kr",$name);
//utf-8 로 파라미터를 받아서 euc-kr 에서 쓸때
*/
?>

<? //header("Content-Type: text/plain: charset=UTF-8"); ?>
-->
<!DOCTYPE HTML>
<html lang="ko">
<head>
  <meta charset="utf-8">
  <title> GNUJ </title>
  <script type="text/javascript" >
   var hR = null;

var parms = null;
parms = "name=" + encodeURIComponent("정지현");//한글 UTF-8인코딩 변환

   function loadGet(url,params){
    hR = new XMLHttpRequest();
    hR.onreadystatechange = returnResult;
    hR.open("GET",url+"?"+params,true);
    hR.send(null);
   }
   function loadPost(url,params){
    hR = new XMLHttpRequest();
    hR.onreadystatechange = returnResult;
    hR.open("POST",url,true);
    hR.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    hR.send(params);
   }

</script>
</head>

get.php

get 방식의 경우 파라미터를 url 인코딩후 전달 해야 됩니다.

post.php

참고서적 - 최범균의 Ajax Programming 기초부터 중급까지

'공부거리 > AJAX' 카테고리의 다른 글

[JQUERY]jquery 를 사용한 아작스 (0)	2015.12.22
jquery ajax 를 이용한 xml 파싱 방법 (0)	2013.11.06

PREV 이전 1 NEXT 다음

그닉의 사생활..?