wake-up-neo.net

holen Sie sich HTML-Code mit Javascript mit einer URL

Ich versuche, den Quellcode von HTML zu erhalten, indem ich einen xmlhttprequest mit einer URL benutze. Gibt es jemanden, der mir dabei helfen kann? Ich bin neu in der Programmierung und weiß nicht, wie ich es ohne jQuery machen kann. Danke im Voraus.

15
simplified

Verwenden Sie jQuery:

$.ajax({ url: 'your-url', success: function(data) { alert(data); } });

Diese Daten sind Ihr HTML.

Ohne jQuery (nur JS):

function makeHttpObject() {
  try {return new XMLHttpRequest();}
  catch (error) {}
  try {return new ActiveXObject("Msxml2.XMLHTTP");}
  catch (error) {}
  try {return new ActiveXObject("Microsoft.XMLHTTP");}
  catch (error) {}

  throw new Error("Could not create HTTP request object.");
}
var request = makeHttpObject();
request.open("GET", "your_url", true);
request.send(null);
request.onreadystatechange = function() {
  if (request.readyState == 4)
    alert(request.responseText);
};
21
Senad Meškin

Es gibt ein Tutorial zur Verwendung von Ajax hier: http://www.w3schools.com/ajax/default.asp

Dies ist ein Beispielcode aus diesem Tutorial:

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>
3
Guy

Für eine externe (standortübergreifende) Lösung können Sie Folgendes verwenden: https://stackoverflow.com/a/18447625/2657601

Es verwendet die Funktion $.ajax() und enthält daher Google Jquery.

1
otaxige_aol