jQuery를 사용하지만 내가 jQuery를 새로운, 나는이 코드를 사용 해요

Question

작동하지만이 작동하지 않습니다 사업부에서 페이지를로드 : 같은 #formtag에 main.php을로드 할

<script type="text/javascript" src="jquery.js" ></script> 
<script> 
    $(document).ready(function(){ 
     $("#add_cl").click(function(){ 
      $("#formtag").load("main.php"); 
     }); 
    }); 
</script> 

을 id="add_cl"을 갖는 버튼을 클릭에 아약스. 이 버튼을 클릭하면 Dreamweaver에서는 라이브 뷰의 main.php 페이지가 표시되지만 Chrome 및 Firefox에는 표시되지 않습니다.

Answer 1

• 나는 Chrome을 사용하고 있다고 가정합니다. 이 작업을 로컬로 수행하려면 Xampp과 같은 로컬 서버를 사용해야합니다. 또는 온라인 서버에 업로드하여 테스트하십시오. 작동해야합니다! 대신에 시도 localhost를 사용
• : 127.0.0.1
• 크롬 인해 동일한 원본 정책 또는 관련 무언가에 AJAX를 사용하여 버그를 싸움, 그래서 화와 다른 브라우저를 사용하지 마십시오. 추신 : 저는 XAMPP와 Chrome을 사용하며 AJAX는 정말 잘 작동합니다. 또한 당신을

  <button class="loader" data-loadpage="main.php"> Load main.php </button> 
  <button class="loader" data-loadpage="about.php"> Load about.php </button> 
  <button class="loader" data-loadpage="contact.php"> Load contact.php </button> 
  

  $(document).ready(function(){ 
      $(".loader").click(function(){ 
       $("#formtag").load($(this).data('loadpage')); 
      }); 
  }); 
  

  :
  이 URL을 저장하는 data 속성을 사용하려고 같은 요소 내에 다른 페이지를로드 : 희망 그것은 당신의 의견에

관련 도움 또한 을 시도하여 #formtag에서 이전 콘텐츠를 삭제할 수 있습니다 :
$("#formtag").empty().load($(this).data('loadpage'));

Answer 2

http://jsfiddle.net/bozdoz/uZ5XS/

HTML :

<span id="load">Click to Load content</span> 
<div id="test"></div> 
<div id="loadingGif">LOADING GIF!!!!</div>​ 

스크립트 :

$('#load').click(function() { 
    $('#test').html(''); 
    $('#loadingGif').show(); 
    $('#test').load('http://fiddle.jshell.net/bozdoz/2XgVd/show/ a', function() { 
     $('#loadingGif').hide(); 
    }); 
});​ 

Answer 3

콜백 함수

는 "완전한"콜백이 제공되는 경우, 포스트 후 실행 처리 및 HTML 삽입이 수행되었습니다. . 콜백은 jQuery 컬렉션의 각 요소에 대해 한 번 발생하며 각 DOM 요소에 차례대로 설정됩니다.

<script type="text/javascript" src="jquery.js" ></script> 
<script> 
    $(document).ready(function() { 
     $("#add_cl").click(function() { 
      $("#formtag").load("main.php", function(response, status, xhr) { 
       if (status == "error") { 
        var msg = "Sorry but there was an error: "; 
        alert(msg + xhr.status + " " + xhr.statusText); 
       } 
      }); 
     }); 
    });​ 
</script> 

또한 브라우저에서 테스트 할 때 즉,이 페이지의 HTML과 같은 폴더에 여전히 'main.php'인가 확인하십시오? 또한 콜백 함수를 추가하고 서버의 응답을 로깅하여 아약스 오류를 확인할 수 있습니다.