Hier ist der Code:jQuery Form arbeiten
<script type="text/javascript">
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='load.gif' alt='Loading...' />";
$('#create').submit(function() {
$("#result").html(ajax_load);
$.get("actions/create.php", { url: longform },
function(data){
$('#result').html(data);
});
);
});
</script>
Aber alles, was auf die URL in der Adressleiste Änderungen passiert ist:
http://domain.com/?longform=http://www.google.com/&submit=Submit
Form und Ergebnis div:
<form name="create" action="" id="create">
<input type="text" name="longform" /> <input type="submit" name="submit" value="Submit" />
</form>
<div id="result">
results go here
</div>
Muss ich den Ajax-Code im Kopfbereich haben? Oder ist, dass keine Rolle ..
UPDATE:
Der Code auf meiner Seite sieht nun wie folgt aus:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='img/load.gif' alt='loading...' />";
$('#create').submit(function() {
event.preventDefault();
$("#result").html(ajax_load);
$.get("actions/create.php", { url: longform },
function(data){
$('#result').html(data);
});
);
});
</script>
</head>
<body>
<form name="create" action="" id="create">
<input type="text" name="longform" /> <input type="submit" name="submit" value="Shorten" />
</form>
<div id="result">
123
</div>
immer noch nicht funktioniert. actions/create.php gibt einfach eine Foobar-Zeichenfolge aus, um es zu testen.
UPDATE:
Ich habe auch schon versucht, diese:
$('#create').submit(function() {
var formdata = $(this).serialize();
$.ajax({
url: 'actions/create.php',
data: formdata,
success: function(responseText){
$('#result').html(responseText);
}
});
return false;
});
Aber es auch nicht funktioniert .. könnte etwas in meinem .htaccess mit ihm durcheinander sein?
das ist, weil das Formular nicht Teil des DOM war, als das Skript ausgeführt wurde. Sie sollten das Skript als Teil des 'document.ready'-Ereignisses einschließen. 'jQuery (Funktion ($) {/ * Dein Code hier * /});' – zzzzBov