천객만래 [千客萬來] (It has an interminable succession of visitors)

WEB의 HTML, 자바스크립트로 Get 방식으로 한글 문자열을 넘겨줄 때 인코딩 문제를 해결해 봅니다.
asp.net 소스로 구현되어있습니다.

ASP.NET에서 GET방식을 이용해서 넘겨준 한글 문자열을 Request로 받을 때,
인코딩 문제로 한글이 깨져서 보입니다.

그럴때는 한글 문자열을 인코딩해서 보내고 받는 방법을 사용해야 합니다.
Server Script(서버 스크립트)를 사용해서 보낼 때 HttpUtility.UrlEncode(string) 메소드를 이용하시면 되고,
Javascript(자바스크립트)에서 바로 보낼 때 사용하시려면 escape(string) 함수를 이용하시면 됩니다.

[Server Script]

Response.Redirect("movepage.aspx?name=" + HttpUtility.UrlEncode("홍길동"))

[Javascript]

document.location.href = "movepage.aspx?name=" + escape("배철수");

그 외 ServerUtilty.UrlEncode, UrlHtmlEncode 등의 함수도 참고하십시오.
쌈꼬쪼려 소백촌닭

Posted by SB패밀리

utf-8 방식을 추구하기 위해 원래는 코드비하인드에서 한글데이터값을 Server.UrlEncode 매서드를 사용해 인코딩해서 쿠키에 넣은후 자바스크립트에서 쿠키값을 읽어와 GET 방식으로 넘겨주려 했지만 GET방식으로 호출한 페이지에서 Server.UrlDecode 매서드를 사용해보았지만 한글데이터가 깨지는 이유로 부득이하게 Cookie가 아닌 Hidden 컨트롤을 사용하였다.

 web.config

utf-8 방식 사용

<globalization requestEncoding="utf-8" responseEncoding="utf-8" />


 

A.cs

Hidden 컨트롤에 인코딩된 데이터를 넣는다.

hidRName.Value = Server.UrlEncode(m_strRname);  <- UrlEncode 매서드를 사용하면 한글데이터를 스크립트단에서 이진데이터로 표시되게 해준다. UrlEncode  매서드를 사용하면 주소창에 한글데이터를 이진데이터로 표시해서 넘겨주는 장점이 있는것 같다.

 

A.aspx

Hidden 컨트롤값을 변수에 담는다.

var vR_NAME = document.getElementById("hidRName").value;

var avs_URL = "B.aspx?R_NAME=" + vR_NAME ;

 

B.aspx 호출

 

B.cs

TextBox 값에 넘어온 파라미터값 셋팅

txtRName.Value = Server.UrlDecode(Request["R_NAME"]);

이렇게하면 UTF-8 방식일경우 한글데이터를 넘겨받을수 있다.  ( txtRName.Value = Request["R_NAME"];  <- 이방법도 가능함. )


 

 

원래 시도하였던 방식의 자바스크립트에서 쿠키값 가져오는 함수. 좀더 보강하면 Cookie 를 사용하더라도 한글데이터가 깨지지않게 넘겨받을수 있을거 같다. (해결방법 : js 파일내에서 escape() 함수를 사용하면 된다)

// *****************************************************
// 내용 : 쿠키값 가져오기
// 작성일자 : 2007.11.29
// 작성자 : 한재준
// name : Cookie Name
// *****************************************************
function getCookie( name )
{
    var tempArr = document.cookie.split("&");
    var nameOfCookie = name + "=";
    var x = 0;
    var y = (nameOfCookie.length);
    var returnValue = "";
   
    for(var i=0; i<tempArr.length; i++)
    {
        if(tempArr[i].substring( x, y ) == nameOfCookie)
        {
            endOfCookie = tempArr[i].length;
            returnValue = unescape(tempArr[i].substring( y, endOfCookie));
            break;
        }
    }
   
    return returnValue;
}

  

Tip !

위와 같은방식으로 UrlEncode 매서드와 HtmlEncode 매서드의 차이점을 확인하기 위해서 HtmlEncode 매서드를 사용해봤으나( hidRName.Value = Server.HtmlEncode(m_strRname); )  B.cs 페이지에서  HtmlDecode 매서드를 사용해 넘어온 파라미터값을 디코딩해보았지만 한글데이터가 깨지는것을 확인하였다.
 결론은 utf-8 방식에서는 한글데이터를 GET 방식으로 넘겨줄때는 항상 UrlEncode 매서드를 사용해야 한다는 것이다

Posted by SB패밀리

1. Get 방식

1) 작은 데이터를 전송하여 처리할 때 주로 사용(제한된 데이터양 ).
2) 브라우저 창에 해당 변수와 변수값을 출력.

 2. Post 방식

1) 입력값이 비교적 많은 데이터를 전송하고 처리할 때 사용(데이터에 제한이 없음).
2) 브라우저 창에 해당 변수와 변수값을 출력하지 않아, 보안적인 측면에서는 post 방식이 좀더 낫다고 할 수 있음. 


※ 주의

ASP.NET에서는 다른페이지로 GET방식을 이용해서 한글을 바로 넘겨 Request로 받으면 영문이나 숫자는 올바르게 보이지만 한글이 깨져서 보입니다. 

그럴때는 한글을 인코딩해서 넘기시는게 가장 간편한 방법입니다.
서버스크립트를 사용해서 넘길때는 HttpUtility.UrlEncode(string) 메소드를 이용하시면 되고,
자바스크립트에서 바로 넘겨서 사용하시려면 escape(string) 함수를 이용하시면 됩니다.

[Server Script]
Response.Redirect("GoodSite.aspx?name=" + HttpUtility.UrlEncode("다음"))

[Javascript]
location.href = "GoodSite.aspx?name=" + escape("다음포털");



Posted by SB패밀리