2016-04-01 15 views
0
. Bunun için aşağıdaki kodu kullanıyorum: href geçerli sayfaya aynı sunucuda olan bir sayfaya bir bağlantı olduğunda

Eşzamansız olarak yükleme web sayfası Web sayfanıza bir kere harici web sayfasının içeriğini eşzamanlı olarak yüklemeye çalışıyorum

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 

     $("a").click(function(event) { 
      event.preventDefault(); 
      var href = $(this).attr('href'); 

      var xhttp; 
      if (window.XMLHttpRequest) { 
       xhttp = new XMLHttpRequest(); 
       } else { 
       // code for IE6, IE5 
       xhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 

      xhttp.onreadystatechange = function() { 
       if (xhttp.readyState == 4 && xhttp.status == 200) { 
         document.getElementById("siteloader").innerHTML = xhttp.responseText; 
       } 
      }; 
      xhttp.open("GET", href, true); 
      xhttp.send(); 
</script> 
</head> 

Ancak bu sadece çalışır. Örneğin, hrefhttps://www.facebook.com olsaydı hiçbir şey olmazdı, ancak eğer log.txt ise, içeriğim onu ​​adlandırılmış bir dosyam olduğu gibi yüklerdi.

Nasıl sayfamda harici web içeriğini görüntüleyebilir?

cevap

1

Aynı nedenlerden dolayı, güvenlik nedenlerinden dolayı, XMLHttpRequest güvenlik nedeniyle, yalnızca komut dosyasının çalıştırıldığı sayfadaki URL'lerden istenir. Daha fazla bilgi için

Sen üçüncü taraf web sitesinden içerik olarak alınır sunucu üzerinde bir komut dosyası olabilir burada https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

0

görmek ve ardından çıkarır. Bu betiği ajax isteğinizle çağırıyorsunuz ve iyi olmalısınız.

btw. : Kodunuzda jQuery'yi kullandığınız için, içeriği almak için jQuery'nin ajax işlevini kullanmak daha tutarlı ve daha kolay olabilir.

+0

Sorgulama ve ajax için çok yeni. Üçüncü parti web sitelerinden veri almak için böyle bir komut dosyasının nasıl yazılacağını öğrenebileceğim bir öğretici veya bir web sitesi önerebilir misiniz? – Ankush

+0

http://www.w3schools.com/jquery/ajax_ajax.asp – Max

İlgili konular