[JQUERY] 새로 고침 / JQuery와 / 아약스 사용하여 사업부의 내용을 다시로드

새로 고침 / JQuery와 / 아약스 사용하여 사업부의 내용을 다시로드

해결법

1. ---

   1.나는 항상 이것을 사용, 완벽하게 작동합니다.

   나는 항상 이것을 사용, 완벽하게 작동합니다.

   $(document).ready(function(){
           $(function(){
           $('#ideal_form').submit(function(e){
                   e.preventDefault();
                   var form = $(this);
                   var post_url = form.attr('action');
                   var post_data = form.serialize();
                   $('#loader3', form).html('<img src="../../images/ajax-loader.gif" />       Please wait...');
                   $.ajax({
                       type: 'POST',
                       url: post_url, 
                       data: post_data,
                       success: function(msg) {
                           $(form).fadeOut(800, function(){
                               form.html(msg).fadeIn().delay(2000);
   
                           });
                       }
                   });
               });
           });
            });
   

2. ---

   2.

   $("#mydiv").load(location.href + " #mydiv");
   

   항상, 단지 두 번째 # 기호 앞에 공간의 주를 가지고 당신이 DIV를위한 내부 그렇지 않으면 위의 코드는 페이지 전체가 중첩 돌아갑니다. 항상 공간을 넣어.

3. ---

   3.

   $("#myDiv").load(location.href+" #myDiv>*","");
   

4. ---

   4.때이 방법이 실행, 그것은 같이 location.href의 내용을 검색하고,하지만 jQuery를이 divId는와 요소를 찾기 위해 반환 된 문서를 구문 분석합니다. 이 요소는, 그 내용에 따라, 결과의 ID (divId는)와 요소에 삽입되고, 검색된 문서의 나머지는 버려진 다.

   때이 방법이 실행, 그것은 같이 location.href의 내용을 검색하고,하지만 jQuery를이 divId는와 요소를 찾기 위해 반환 된 문서를 구문 분석합니다. 이 요소는, 그 내용에 따라, 결과의 ID (divId는)와 요소에 삽입되고, 검색된 문서의 나머지는 버려진 다.

   이 5 월 도움말 사람이 이해하는 희망

5. ---

   5.당신이 원하는 것은 다시 데이터를로드하지만 사업부를 다시로드하지 않는 것입니다.

   당신이 원하는 것은 다시 데이터를로드하지만 사업부를 다시로드하지 않는 것입니다.

   당신은 서버에서 데이터를 얻고 DIV를 채우기 위해 아약스 쿼리를 확인해야합니다.

   http://api.jquery.com/jQuery.ajax/

6. ---

   6.당신이 충분한 정보를 제공하지 않은 동안 당신은 당신이 어디에서 그것을 당길 필요가 수행의 데이터를 당겨해야 WHERE 사실을 나타냅니다. 뿐만 아니라 데이터 매개 변수 또는 콜백 함수를 정의대로, 부하의 URL을 지정할 수 있습니다.

   당신이 충분한 정보를 제공하지 않은 동안 당신은 당신이 어디에서 그것을 당길 필요가 수행의 데이터를 당겨해야 WHERE 사실을 나타냅니다. 뿐만 아니라 데이터 매개 변수 또는 콜백 함수를 정의대로, 부하의 URL을 지정할 수 있습니다.

   $("#getCameraSerialNumbers").click(function () {
       $("#step1Content").load('YourUrl');
   });
   

   http://api.jquery.com/load/

7. ---

   7.이 시도

   이 시도

   HTML 코드

    <div id="refresh">
       <input type="text" />
       <input type="button" id="click" />
    </div>
   

   jQuery 코드

    <script>
       $('#click').click(function(){
       var div=$('#refresh').html();
       $.ajax({
           url: '/path/to/file.php',
           type: 'POST',
           dataType: 'json',
           data: {param1: 'value1'},
       })
       .done(function(data) {
   if(data.success=='ok'){
           $('#refresh').html(div);
   }else{
   // show errors.
   }
       })
       .fail(function() {
           console.log("error");
       })
       .always(function() {
           console.log("complete");
       });
       });
   
   </script>
   

   PHP 페이지 코드 경로 = / 경로 /로 / file.php

   <?php
      header('Content-Type: application/json');
      $done=true;
      if($done){
          echo json_encode(['success'=>'ok']);
      }
   ?>
   

8. ---

   8.당신은 어디에 당신이있는 거로드 데이터의 소스를 추가해야합니다.

   당신은 어디에 당신이있는 거로드 데이터의 소스를 추가해야합니다.

   예를 들면 :

   $("#step1Content").load("yourpage.html");
   

   그것은 당신을 도울 것입니다 바랍니다.

9. ---

   9.나는 화제가 된 것을 알고,하지만 당신은 다음 변수로서 Ajax를 선언 원하는 내용에 변수를 호출하는 기능을 사용할 수 있습니다. 당신은 당신이 그것을 지정해야 아약스에서 다른 요소를 원하는 경우가 아약스에 무엇을 요구하고있다 명심하십시오.

   나는 화제가 된 것을 알고,하지만 당신은 다음 변수로서 Ajax를 선언 원하는 내용에 변수를 호출하는 기능을 사용할 수 있습니다. 당신은 당신이 그것을 지정해야 아약스에서 다른 요소를 원하는 경우가 아약스에 무엇을 요구하고있다 명심하십시오.

   예:

   Var infogen = $.ajax({'your query')};
   
   $("#refresh").click(function(){
     infogen;
     console.log("to verify");
   });    
   

   희망이 도움이

   하지 않으면 것은 시도 :

   $("#refresh").click(function(){
         loca.tion.reload();
         console.log("to verify");
       });    
   

from https://stackoverflow.com/questions/18490026/refresh-reload-the-content-in-div-using-jquery-ajax by cc-by-sa and MIT license