Jquery load werkt niet
ik ben een tijdje bezig met jquery en PHP en ik wil het samen voegen maar dit lukt me niet. IK heb al heel veel geprobeerd maar niks werkt. Ik wil graag dat je iets in moet vullen en op de button klikt en dat dan je tekst komt te staan met behulp van PHP.
hier is mijn code 1
Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Website</title>
<link href="style/style.css" rev="stylesheet" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="data"></div>
<form action="" method="post">
<input type="text" id="id">
<input type="submit">
</form>
<script type="text/javascript">
var name = $("#id").attr("value").val();
$(document).ready(function() {
$("#data").load("zoek.php", {zoek: name});
});
</script>
</body>
</html>
<html>
<head>
<title>Website</title>
<link href="style/style.css" rev="stylesheet" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="data"></div>
<form action="" method="post">
<input type="text" id="id">
<input type="submit">
</form>
<script type="text/javascript">
var name = $("#id").attr("value").val();
$(document).ready(function() {
$("#data").load("zoek.php", {zoek: name});
});
</script>
</body>
</html>
hier is mijn code 2
Quote:
Alvast bedankt
Gesponsorde koppelingen:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script type="text/javascript">
$( function() {
$( "#submit" ).click( function() {
$( "#data" ).load("zoek.php", { zoek: $( "#searchField" ).val() } );
}
} );
</script>
$( function() {
$( "#submit" ).click( function() {
$( "#data" ).load("zoek.php", { zoek: $( "#searchField" ).val() } );
}
} );
</script>
en voor je form:
Code (php)
1
2
3
4
2
3
4
<form action="" method="post">
<input type="text" id="searchField">
<input type="submit" id="submit">
</form>
<input type="text" id="searchField">
<input type="submit" id="submit">
</form>
Wat je doet is, je gebruikt de click() functie van jQuery.
PS: niet getest.
Gewijzigd op 16/05/2010 10:13:23 door Igor Schut
Martin:
<form action="" method="post" onclick="return false;">
Neehehehheeheheeheheeheeeheeeheeehee, waarom doe je inline html klote zooi als je gewoon met jQuery werkt. Zoals ik in dat topic van jou zei, je moet het in de click callback stoppen.
