Ajax Post проблем

[critrate]

Здравейте.Реших да пробвам едни неща да направя,но ми вади грешка.

Ето го кода

[js] $(".submit").click(function() {
$.ajax({
url: 'login.php',
type: 'POST',
data:{
username:$('#username').val(),
password:$('#password').val()
}
}).done(function() {
$('.done').html(data);
});



});[/js]

Грешката : Не е обявено знаково кодиране на документ с HTML. Документът ще бъде изчертан с неточен текст в някой настройки на браузъра, ако съдържа знаци извън областта на US-ASCII. Знаковото кодиране на файла трябва да се обяви в самия документ или в пренасящия протокол.

 

[Jorko]

това ти казва че нямаш

<meta charset="utf-8" />

 

[critrate]

Грешката сe махна но не зарежда информацията динамично,а си презарежда страницата

 

[sianbg_s]

Я дай повече код

 

[critrate]

Аз се оправих,но бачка само ако нямам <form тага .... ако го имам ми се презарежда страницата

 

[Galli]

.click(function() {
return false;
и няма да презарежда.

 

[critrate]

.click(function() {
return false;
и няма да презарежда.

Да,но така не работи скрипта

 

[Radko]

[js]blabla.click(function(e) {
//koda ti
e.preventDefault();

});[/js]

 

[critrate]

Същото...Имам ли така form презарежда страницата

 

[Radko]

Я дай кода ти как го правиш след като си написал, това което аз ти показах?

Нещо не правиш както трябва.

 

[critrate]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script> 
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
	$(document).ready(function() {
		$(".login").click(function() {
			  $('.form').css("display", "block");
			  $(this).css("display", "none");
			  $('.close').css("display", "block");
		});
		
		$(".close").click(function() {
			  $('.form').css("display", "none");
			  $('.login').css("display", "block");
			  $(this).css("display", "none");
		});
		
		$(".submit").click(function() {
		var form_data = {
			username: $("#username").val(),
			password: $("#password").val()
			};
					$.ajax({
						url: 'login.php',
						type: "POST",
						data:form_data
					}).done(function(data) { 
								$('.done').html(data);
					});
			e.preventDefault();
		});
	});
</script>
</head>

<body>
<div id="content">
<div class="login">LOGIN</div>
<div class="close">CLOSE</div>
	<form method="POST" action="">
	<div class="form">
		 Username:<br/>
            <input type="text" name="username" id="username"  maxlength="16" /><br/>
                      
         Password:<br/>
            <input type="password" name="password" id="password" maxlength="24"/><br/>
			<input value="SUBMIT" class="submit" name="login" type="submit"/>		
	</div>
	</form>
	<div class="done"></div>
</div>
</body>
</html>

 

[Radko]

Еми нормално че не става, като не си направил това което ти показах.

[js] $(".submit").click(function(e) {
var form_data = {
username: $("#username").val(),
password: $("#password").val()
};
$.ajax({
url: 'login.php',
type: "POST",
data:form_data
}).done(function(data) {
$('.done').html(data);
});
e.preventDefault();
});[/js]

Замени твоето с това. Така спираш default action-a на елемента в случая формата.

 

[critrate]

Заменям,всичко е като твоето и не става. презарежда си страницата. тази форма само прави проблеми

 

[Radko]

в случая не беше добавил

function(e)

в скоупа сега има ли го там? хм

 

[Radko]

я пробвай да добавиш и това

[js]$('form').submit(function(){return false;});[/js]

 

[critrate]

я пробвай да добавиш и това

[js]$('form').submit(function(){return false;});[/js]

с това работи,без да добавям prevent.Благодаря ти +1