포털사이트로 바로 검색하는 기능을 넣었는데 글자가 깨져서 검색되네요ㅠㅠ
본문
ie에서는 ㅁㅁ이런식으로 글자가 깨져서 나오네요 ㅠㅠ 왜그러는걸까요 ㅠㅠ
예를 들어서 민들레를 치면 아래 캡쳐본처럼 한글로 값이 넘어가긴하는데 검색할때는 글자가 깨
져서 검색됩니다. 이게 제가 코딩한게 문제가 아니고 저 포털사이트의 문제인가요 ㅠㅠ
답변 부탁드립니다. 감사합니다 ㅠㅠ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="grid1 grid_src">
<img src="images/main/src_cm_bg.jpg" alt="약재검색" />
<form>
<input type="text" name="cm" id="cm" value="ex)당귀" class="on" />
<button name="cm" class="btn_cm"><img src="images/main/btn_src.png" alt="검색" /></button>
</form>
</div>
<div class="grid1 grid_src last">
<img src="images/main/src_pn_bg.jpg" alt="질병검색" />
<form>
<input type="text" name="pn" id="pn" value="ex)감기" class="on" />
<button name="pn" class="btn_pn"><img src="images/main/btn_src.png" alt="검색" /></button>
</form>
</div>
<script type="text/javascript">
$(function(){
$(".grid_src input").focus(function(){
if($(this).hasClass("on") == true){
$(this).val("");
$(this).removeClass("on");
}else{
}
});
$(".medi_wrap div input").keypress(function (event) {
if (event.which == 13) {
$(this).parent().find("button").click();
}
});
$(".grid_src button").click(function(){
if($(this).hasClass("btn_cm") == true){
var url = "http://www.koreantk.com/ktkp2014/medicine/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword="+$(this).parent().find("input").val();
window.open(url);
}else{
var url = "http://www.koreantk.com/ktkp2014/disease/search-by-keyword.page?pageNo=1&pageSize=&setId=&keyword="+$(this).parent().find("input").val();
window.open(url);
}
});
});
</script>
</body>
</html>
답변 1
urlencode 가 자바스크립트에는 없나요?
검색해보니
encodeURIComponent()
함수가 있던데
$(this).parent().find("input").val();
이 부분을
encodeURIComponent( $(this).parent().find("input").val(); )
이렇게 감싸서 해보세요...
바로 해결됐습니다! 정말 감사합니다!!!!ㅠㅠ