при събмитване на бутон да няма рефреш

[MontefuckeR]

Мога ли при един такъв бутон: <input type='submit' > след като се натисне бутона да не се рефрешва страницата?

 

[nickflash]

Май с JS ше стане :roll:

 

[I_V_O]

Става с AJAX: разгледай тука

 

[MontefuckeR]

Става с AJAX: разгледай тука

какво да разгледам това е като общо?

 

[ko_drugo]

На повечето места където съм чел нещо за AJAX пише едно и също.

function GetXmlHttpObject() {
	var xmlHttp=null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e) {
		// Internet Explorer
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

Това е функция, която служи за направа на XmlHttp обект. При Firefox се използва XMLHttpRequest, a при InternetExplorer - ActiveXObject. Затова е нужна тази функция, която уеднаквява всичко.
После се прави въпросния XmlHttp обект, който комуникира със сървъра.

var xmlHttp=null;
xmlHttp = GetXmlHttpObject();
if (xmlHttp==null) { alert ("Browser does not support HTTP Request"); }

Изисква се функция, която да праща заявка:

function makeRequest(data) {
	var url = "script.php" //скриптът, който ще обработва заявката
	url = url+"?name="+data; // тук се прикача информацията, която ще пращаш като GET променлива
	xmlHttp.onreadystatechange = stateChanged; //Този ред казва коя функция ще обработва отговора на сървъра
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

Ако ще пращаш информация например от текстово поле(да съдържа интервали и др.) пишеш encodeURI(data), за да я форматираш правилно.

Това е функцията, която ще обработва отговора на сървъра:

function stateChanged() {
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
alert(xmlHttp.responseText) //responseText е инфото, което връща сървъра, можеш да сложиш където поискаш,  в моя пример се изкарва alert прозорец с отговора
}
}

Скрипта на сървъра може да съдържа примерно

echo "Hello!";

Тогава xmlHttp.responseText ще съдържа Hello!

Това е основата на ajax, надявам се да съм помогнал.