Форумы портала PHP.SU :: Версия для печати

1. ezha - 19 Ноября, 2010 - 12:44:23 - перейти к сообщению

замучился уже искать, где скачать маленький, без наворотов, РАБОЧИЙ пример ajax+php+mysql без подключения сторонних библиотек типа jquery, просто нужно передать парочку полей из формы, без перезагрузки страницы, но везде чего-то не хватает, везде надо дописывать, додумывать, а хотелось бы разбираться на готовом примере

2. Uchkuma - 19 Ноября, 2010 - 13:04:30 - перейти к сообщению

Самый маленький ajax без jquery здесь кроссбраузерный AJAX.

3. JustUserR - 19 Ноября, 2010 - 19:36:02 - перейти к сообщению

ezha пишет:

Просто нужно передать парочку полей из формы, без перезагрузки страницы

Оптимальным вариантом для обеспечения динамической передачи информационный полей из заполняемой пользователем формы в статической HTML-странице - является использование управляющего JS-кода и транспортного Iframe-элемента для обеспечения непосредственного запроса к целевому ресурсу При использовании такой схемы осуществление запроса осуществляется автоматически при указание target-аттрибута у исходной формы - в то время как возможности JS-скриптинга используются для определительной обработки событий загрузки iframe-элемента

4. koras - 20 Ноября, 2010 - 01:16:11 - перейти к сообщению

Вы бы сперва узнали что такое php и mysql, потом брались за ajax и JS

5. Ammy - 20 Ноября, 2010 - 07:03:29 - перейти к сообщению

JS: XMLHttpRequest, eval('('+json+')'), PHP: json_encode(array)

Простенький пример:

CODE (javascript):
скопировать код в буфер обмена

 
 
// Кроссбраузерное получение объекта для осуществления запросов
 
function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
 
var request = getXmlHttp();
request.open('GET', 'script.php?params=' + encodeURIComponent('myparam'), true);
request.onreadystatechange = function() {
  if (request.readyState == 4) {
     if(request.status == 200) {
 
       var response = eval('(' + request.responseText + ')');
 
       alert(response.data);
 
      }
  }
};
xmlhttp.send(null);
 
 

// Серверная сторона, получение данных, обработка, создание ответа (вывод, например, в json)

PHP:
скопировать код в буфер обмена

 
$params = $_GET['params'];
 
//.... какие-либо действия с данными
 
echo '{ data: "Hello from PHP.SU" }';