[solved] Πρόβλημα με Jquery load

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
nirvana
Δημοσιεύσεις: 241
Εγγραφή: 01 Σεπ 2005 18:28
Τοποθεσία: Αγ. Παρασκευή

[solved] Πρόβλημα με Jquery load

Δημοσίευση από nirvana » 19 Σεπ 2011 19:51

Καλησπέρα σε όλους.
Έχω σε ένα php αρχείο την μια φόρμα που όταν θα πατάω submit θέλω να φορτώνει τα περιεχόμενα ενός άλλου αρχείου. Μέχρι στιγμής έχω το εξής:

Κώδικας: Επιλογή όλων

				<script>
					$&#40;function&#40;&#41; &#123;
						$&#40;'#searchform'&#41;.submit&#40;function&#40;&#41;&#123;
							var searchterm = $&#40;'#searchfield'&#41;.val&#40;&#41;;
							if &#40;searchterm&#41; &#123;
								$&#40;'#search_result'&#41;.load&#40;'loadusersearch.php', &#123;search_term&#58; searchterm&#125;&#41;;
							&#125;
						&#125;&#41;
					&#125;&#41;;
				</script>

				<h1>Search User</h1>
				<form id="searchform">
					<input type="text" name="searchfield" id="searchfield" />
					<input type="submit" value="Search user" id="searchbutton" />
				</form>

				<div id="search_result"></div>
Με αυτό τον τρόπο δεν εμφανίζεται τίποτα από τα περιεχόμενα του loadusersearch.php (ή εμφανίζεται για 0 δευτερόλεπτα). Αν βάλω ένα alert πριν το load

Κώδικας: Επιλογή όλων

alert&#40;''&#41;;
φαίνεται ότι εμφανίζεται σωστά αλλά μονο για 1 δευτερόλεπτο και εξαφανίζεται. Έχω κάποιο λάθος που δεν βλέπω? :question:

Ελπίζω να το εξήγησα με κατανοητό τρόπο.
Τελευταία επεξεργασία από το μέλος nirvana την 20 Σεπ 2011 12:05, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[solved] Πρόβλημα με Jquery load

Δημοσίευση από fafos » 19 Σεπ 2011 20:50

h load den "stelnei".. mono "pairnei"... prepei na xrhsimopoihseis POST h GET:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

<script>
$&#40;document&#41;.ready&#40;function &#40;&#41; &#123;
		$&#40;'#searchform'&#41;.submit&#40;function &#40;&#41; &#123;
				$&#40;"#search_result"&#41;.hide&#40;&#41;;
				var searchterm = $&#40;'#searchfield'&#41;.val&#40;&#41;;
				if &#40;searchterm != ''&#41; &#123;
					$.ajax&#40;&#123;
							type &#58; "POST",
							url &#58; "loadusersearch.php",
							data &#58; 'search_term=' + searchterm,
							success &#58; function &#40;html&#41; &#123;
								$&#40;"#search_result"&#41;.html&#40;html&#41;.fadeIn&#40;1000&#41;;
							&#125;
						&#125;&#41;;
					return false;
				&#125;
			&#125;&#41;
	&#125;&#41;;
</script>


</head>
<body>            <h1>Search User</h1>
            <form name="forma" id="searchform" method="post">
               <input type="text" name="searchfield" id="searchfield" />
               <input type="submit" value="Search user" id="searchbutton" />
            </form>

            <div id="search_result"></div> 
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
nirvana
Δημοσιεύσεις: 241
Εγγραφή: 01 Σεπ 2005 18:28
Τοποθεσία: Αγ. Παρασκευή

[solved] Πρόβλημα με Jquery load

Δημοσίευση από nirvana » 20 Σεπ 2011 12:04

Ευχαριστώ πολύ :pint:
Αυτό ήταν το πρόβλημα. Απλά μπερδευτήκα γιατί μου έβγαζε το σωστό αποτέλεσμα και το εβαζε και μέσα στο κενό div για ελάχιστα. Πάντως λύθηκε. :)

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης