Hej!
Jag har en <div id=table> som jag vill fylla med hjälp av JavaScript: document.getElementById('table').innerHTML = från en fil (php/html). Men behöver en metod/funktion som kan läsa från fil och ge en text som passar i (innerHTML=). Någon som kan hjälpa mig med en lösning i JavaScript som läser från fil (php/html) och returnerar innehållet som text?
Från fil till text? javascript
9 svar · 804 visningar · startad av Belenos
Hur menar du? Vill du läsa från en lokal fil på klienten eller från servern via ett AJAX-anrop?
Jag vill kunna läsa in en php/html fil från servern till en div med id= table och jag har hittat (document.getElementById('table').innerHTML =) men behöver komplettera med en funktion som läser texten ur en php/html-fil! Jag kan ingenting om ajax (än).
Jag använder nästan alltid jQuery i mina projekt. I det paketet ingår flera funktioner för ajax anrop. Om du kollar på den här sidan så ser du ett enkelt sätt att göra det du vill:
http://api.jquery.com/load/
Kul!
Detta ska jag testa. Tack på förhand!
Jag får meddelandet "object expected".
Jag har Apache 2.2 och PHP 5.2 installerat, kan det bero på något sånt?
Kod:
<div id="table">
<script>
$("#table").load("load.htm");
</script>
och filen som ska in load.htm
Är det ett javascript felmeddelande du får i IE? I så fall låter det om om du glömt länka in din jquery.js fil?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Ändra src till sökvägen till din jquery.js fil -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<div id="table"></div>
<script>
$("#table").load("load.html");
</script>
</body>
</html>
Kod:
<html>
<head>
<title>Beräknaren.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="style.js"></script>
</head>
<BODY onLoad="popUp()">
<div id="table"></div>
</body>
</html>
och:
<!--
function popUp()
{
window.open('popup.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=400, height=300, left=150, top=250');
$("#table").load("load.htm");
}
//-->
Där scriptet ska starta en popup och fylla index med "design"!
Jag hittar inga fel, men ska jag länka till en annan jquery än det jag har själv?
Du har fortfarande inte inkuderat jquery filen för att få igång all jquery kod.