JQuery+ Ajax проблем

meleto

Registered
Код:
<script "text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Код:
<form id="contactform"  method="POST" action="signup.php"> 
    		...

</form>
<div id="userResult"></div>


Код:
<script type="text/javascript">
 
$(function() {
$("#submit").click(function() {
var username=$("$username").val();
$("<img src='5-1.gif' id='loading'/>").appendTo("#userResult");

$.ajax({
url: "signup.php",
type: "POST",
data: "username="+username,
success: function(userResult){
$("#userResult").hide().html(useRresult).fadeIn("slow");}
});
return false;
});

});

</script>

Само, че ме пренасочва към signup.php и не се случват асинхронно нещата.

Местих скрипта в head, отгоре, отдолу и нищо...къде е грешката?
 
http://api.jquery.com/jQuery.post/

Махни от action линка


HTML:
<form id="contactform"  method="POST" action="/"> 
          ...

</form>
<div id="userResult"></div>


[js]$("#submit").click(function() {
var username=$("$username").val();
$("<img src='5-1.gif' id='loading'/>").appendTo("#userResult");

$.ajax({
url: "signup.php",
type: "POST",
data: "username="+username,
success: function(userResult){
$("#userResult").hide().html(useRresult).fadeIn("slow");}
});
return false;
});[/js]
 
dunix каза:
http://api.jquery.com/jQuery.post/

Махни от action линка


HTML:
<form id="contactform"  method="POST" action="/"> 
          ...

</form>
<div id="userResult"></div>


[js]$("#submit").click(function() {
var username=$("$username").val();
$("<img src='5-1.gif' id='loading'/>").appendTo("#userResult");

$.ajax({
url: "signup.php",
type: "POST",
data: "username="+username,
success: function(userResult){
$("#userResult").hide().html(useRresult).fadeIn("slow");}
});
return false;
});[/js]

Не това проблемът. За този случай съм сложил return false;

Много обичам като постна тук и видя хиляда грешки:
1. Вместо var username=$("$username").val();
var username=$("#username").val();

2. Вместо $("#userResult").hide().html(useRresult).fadeIn("slow");}
$("#userResult").hide().html(userResult).fadeIn("slow");}


Всичко работи коректно вече. Мерси.
 

Back
Горе