Przypisanie zmiennej do pliku

0

Witam.

Piszę z takim zapytanie, czy można dodać zmienną do kodu JS, aby przypisać do niej plik.
Chodzi o to że:

<script>
function wyswietlanie(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        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 (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","grafika.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

W xmlhttp.open mam plik grafika.php, ale chciałbym caly ten skrypt zapisać w osobnym pliku, i wykorzystać go do kilku pól.

Strona ma kilka pol select, gdzie przy wyborze, ma wyświetlać się grafika podglądowa, pobierana z bazy.

Pozdrawiam.

0
var req = new XMLHttpRequest();
req.open('GET', 'file:///home/user/file.json', false); 
req.send(null);
var responseText = ""
if(req.status == 0)
  responseText =req.responseText;

I już masz treść odpowiedzi w zmiennej responseText

Btw polecam jQuery:

$.get( "ajax/test.html", function( data ) {
    console.log(data);
}); 

Po pobraniu jQuery wywoła mu przekazaną funkcję, której parametrem jest zmienna data zawierająca zawartość odpowiedzi.

0

Możesz mi powiedzieć gdzie mam umieścić te wartości której podałeś? Czy cały skrypt mam zapisać w js.
Uczę się tylko tyle co w szkole, więc PHP, MySQL, trochę js i html.

0

Po

xmlhttp.send();

Wstaw

var responseText = ""
if(req.status == 0)
  responseText =req.responseText;

I będziesz miał ten tekst w zmiennej.
Nie wiem dokładnie co chcesz zrobić, ale pamiętaj że jak czytasz .php to dostaniesz wynik który wygeneruje serwer, a nie sam plik php. Ale mam nadzieję że jest to oczywiste.

0
<html>
<head>
<?php
include("mysql.php")
?>
<script>
function wyswietlanie(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        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 (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","grafika.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>
</head>
<body>
<div id="1">
<?php
	$sql="SELECT * FROM grafika";
	$result = mysqli_query($con,$sql);
		echo "<select name="."grafika"." onchange="."wyswietlanie(this.value)".">";
		echo "<option value="."".">Karta graficzna:</option>";
	while($row = mysqli_fetch_array($result)) {
		echo "<option value=".$row['id'].">".$row['nazwa']."</option>";
		}
		echo "</select>";
?>
</div>
<div id="txtHint"></div>

</body>
</html>

Mam taki kod, ma to być strona gdzie będą znajdować się pola select, gdzie po wyborze np procesora, pod oknem wyświetla się poglądowa grafika.
W tym momencie jest tylko jedno pole tego typu, a co jeśli chciałbym dodać więcej np własnie procesory?
Plik mysql to połączenie z bazą danych, a grafika.php zawiera zapytanie z pobieraniem obrazka i wstawianiem go:

<html>
<head>
<style>

</style>
</head>
<body>

<?php
$q = intval($_GET['q']);
include("mysql.php");
$sql="SELECT * FROM grafika WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
	while($row = mysqli_fetch_array($result)) {
		echo "<img src=".$row['link']." style="."width:400px;height:400px;float:left;".">"."</img>";
}

mysqli_close($con);
?>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1