프로그램코드

<script src="./jsFolder/jsFile.js"> </script>

크롬 일반 탭에서 jsFolder에 script를 사용할 경우 반응 없다.

크롬 비밀 탭에서 jsFolder에 script를 사용해도 정상 작동한다.

여기서 크롬 버젼은 56.0.2924.87이고 OS는 윈도우즈10이다.

파이어폭스와 엣지 브라우저에서는 jsFolder 부분에 script를 사용여부와 상광없이 바르게 실행된다.

jsFolder가 웹브라우져에서 바르게 작동할 때 jsFile.js내용에 따라 무응답할 때가 있다.

jsFile.js에 순수 자바스크립트를 사용하면 정상작동한다.

jsFile.js에 $로 시작하는 jQuery를 넣으면 아무런 결과를 볼 수 없다.

처음 위와 같은 결과를 보고 원인을 찾는 데 4~5시간이 날아갔다.

jsFolder부분에 script를 사용하면 같은 브라우져에서도 탭 유형에 따라 결과가 달라지는 것을 발견하고 답답했다.

적잖은 시간을 보냈으나 더 테스트해보아야 할 내용이 남아있다.

윈도우7에서 각 브라우져 마다 위 경우에 따라 어떻게 작동하는지는 확인이 필요하다.

$대신 jQuery로 사용할 때 어떠한 결과가 나오는지도 더 보아야한다.

<script type="text/javascript">
$(document).ready(function(){
	// var result;
	$(".ajax_li_a").each(function(){
		// result = '[]' +$(this).html();
		
		$(this).click(function(){
			var varAttr = $(".ajax_li_a").attr("x_href");
			$.ajax({	
				type: 'GET',
				url: varAttr,
				dataType : 'text',
				error : function() {
				  alert('Fail!!');
				},
				success: function(data) {
					$('article').html(data);
				}
			});
		})			
	});
});
</script>

  <?php
      while( $row = mysqli_fetch_assoc($result) ){
	echo "<li><a class='ajax_li_a' x_href='part/article.php?".$sql_id."=".$G_row_id."&bgnitem=".$Gget_begin_item."'>".htmlspecialchars($row['title'])."</a></li>"."\n";
      }
    ?>

[index.php] 파일

<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script>
  <!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> -->


<script type="text/javascript">
$(function(){
	$("#tstButton").click(function(){
		$.ajax({
			type: 'GET',
			url: 'part/nav_test.php?test=[-U U-]',
			dataType : 'text',
			error : function() {
			  alert('Fail!!');
			},
			success: function(data) {
				$('#tstResult').html(data);
			}
		});
	})
})
</script>

[Click me]버튼을 누르면 전체 화면을 불러오지 않고 대괄호 내부 값을 보여준다.

<input type="button" id="tstButton" value="Click me" /><br>
<H3 id="tstResult">[*******]</H3>

[nav_test.php] 파일

<?php
  echo $_GET["test"]."<br>";
?>