В общем есть простая регистрация и авторизация средствами php. Хочу сделать в отдельном модальном окне, но не соображу как выводить сообщения об ошибках обратно в окно после проверки в php коде (например, логин и пароль).
Подскажите или покажите как
var params=$("#form").serialize();
$.post('{$protocol}://{$HOST}/ajaxresponder.php?m=login&SN={$SN}',params,
function(data){
//эта функуия - обработчик твоего результата
if(dara.status){
если все гуд - чегото делаешь, например редирект.
}else{
alert(data.text);
или если не хочешь алерт
$("#ID блока для ошибок").html(data.text);
}
},
"json"
);error_reporting(0); //отключить все сообщения PHP чтобы не нарушить формат JSON Следи за тем чтобы ничего лишнего не выводилось и выводилось тоолько 1 раз.
$SID=$_GET('SN'); //' это поле передавалось через ГЕТ (см. на УРЛ в ЖСкрипте)
if($SID)
session_start($SID);
else
session_start();
$method=$_GET('m'); //' это поле передавалось через ГЕТ тоже
if(method=='m'){
Достаешь из $_POST свою форму и делаешь авторизацию/регистрацию
....
if(Успешная регистрация)
echo json_encode(array('status'=>1,"text"=>"можно пустой текст");
else
echo json_encode(array('status'=>0,"text"=>"Сообщение об ошибке. Если будут траблы с кодировками - используй для этого текста ICONV()");
}
/**
* Создание модального окна
* загрузка данных хранящихся в ссылке с rel='#overlay'
*/
$(document).ready(function(){
$("a[rel]").overlay({
mask: {
color: '#fff',
loadSpeed: 200,
opacity: 0.5
},
effect: 'apple',
closeOnClick: false,
onBeforeLoad: function() {
// grab wrapper element inside content
var wrap = this.getOverlay().find("#modalbox");
// load the page specified in the trigger
wrap.load(this.getTrigger().attr("href"));
}
});
});
/**
* Обработка форм с id x-form
* отправка данных
*/
function xform() {
$(document).ready(function(){
var options = {
//target: "#modalbox",
//url: "{action}",
//beforeSubmit: Request, // функция, вызываемая перед передачей
success: Response, // функция, вызываемая при получении ответа
type: "post", // get или post
dataType: "html", // text, hmtl, xml, script или json
//clearForm: true,
resetForm: true,
timeout: 10000 // ожидание ответа в милисекундах
};
$("#x-form").submit(function() {
$(this).ajaxSubmit(options);
return false;
});
});
/**
* Отладочная функция,
* отображение того что будет передаватся
*/
function Request(formData, jqForm, options) {
var queryString = $.param(formData);
alert("Вот что мы передаем: \n\n" + queryString);
return true;
}
/**
* Обработка получаемого ответа
* переменная должна соотвествовать возвращаемому типу, данных (html, xml, json)
* @param response
*/
function Response(responseText) {
//alert("status: " + statusText + "\n\nresponseText: \n" + responseText + "\n\nThe output div should have already been updated with the responseText.");
$("#modalbox").html(responseText);
if ( responseText.length < 1 ) {
$("a[rel]").each(function() {
$(this).overlay().close();
});
}
}
}
// Form-Post <!-- overlayed modal box -->
<div class="overlay" id="overlay">
<div class="modalbox" id="modalbox"></div>
</div>
</body>
</html>if ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest')
{тут выдаем только данные для модальных окон.}