새로 고침없이 웹 페이지의 내용을 변경하십시오.

Question

저는 지역 동물 보호소 웹 사이트를 만들겠다고 자원했습니다. http://fsasri.com/과 매우 유사합니다. 나는 그들이 버튼으로 무엇을하는지, 그리고 어떻게하면 div의 중앙 변경 만 클릭 하는지를 좋아한다. iv는 innerhtml과 jquery 버전을 사용하여 여러 가지 방법을 시도했지만 내 머리 꼭대기에서 그것을 기억할 수는 없다. 당신이 차단 된 스크립트와 ActiveX를 허용하지 않으면 내가 무엇을 할 수 있는지에 상관없이 나는 많은 새로운 컨텐츠를 넣을 수 없으며 인터넷 탐색은 보안 경고와 함께 나타나고 변화를 허용하지 않을 것입니다. 여러분이이 효과를 어떻게 달성 할 수 있는지에 대한 도움과 인터넷 익스플로러 팝업을 피하는 방법은 번들을 도울 것입니다. iv 많은 연구를 해왔고 지금까지 행운이 없었습니다

Answer 1

웹 사이트는입니다. 올바르게 사용하지 않으면 많은 보안 문제로 인해 실제로 권장하지 않는 프레임이 사용됩니다.

그러나 할 수있는 일은 jQuery의 Ajax 함수를 사용하여 'main'div의 내용을 변경하는 것입니다.

<a href="javascript:void(0);" class="button" onclick="getPage('home')">Home</a> 

그리고 다음과 같은 기능이 제대로 작동 할 수 있습니다 :

<script>  
function getPage(page) 
{ 
    $.ajax({ 

    type: "GET", 
    url: 'www.yourweb.com/' + page + '.html', 
    success: function(data) { 
      $('#maindiv').html(data); 
    } 

    }); 

} 
</script> 

Answer 2

ASP.net를 사용해보십시오 귀하의 버튼의 모양은?

고객님의 VB/C# 코드는 변경하려는 웹 사이트 페이지의 내용을 업데이트하거나 변경합니다.

Answer 3

HTML :

<a href="http://path.com/to/page.html" data-ajax>Home</a> 

JS :

$(function() { 
    var box = $('#loadtodiv'); 
    $(document).on('click', 'a[data-ajax]', function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'post', 
      url: $(this).attr('href'), 
      success: function(data) { 
       box.html(data); 
      } 
     }); 
    }); 
}); 

이 그렇지 않으면 페이지의 내용 만 상자위한 것입니다 것을 제공, 그것을해야처럼 뭔가 당신 ' 페이지의 요소를 명확하게 지정해야합니다.