Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > jQuery вернуть результат обратно


Автор: StachelDraht 20.1.2009, 20:00
Привет!
Как добавить запись в базу через Ajax я понял.
Теперь меня очень интересует как вернуть эту самую запись обратно в input type="text"


Код

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX</title>
<script language="javascript" src="/j/jquery.js"></script>
<script language="javascript" src="/j/j-php/javascript/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// ---- Форма -----
   $("#myForm").ajaxForm(function() { 
     alert("Спасибо за комментарий!"); 
   }); 
// ---- Форма -----
});
</script>
</head>

<body>
<form id="myForm" action="dogb.php" method="post">
<table width="500" border="0">
  <tr>
    <td width="101">Name:</td>
    <td width="389"><label>
      <input type="text" name="name" id="name" />
    </label></td>
  </tr>
  <tr>
    <td>Mail:</td>
    <td><input type="text" name="mail" id="mail" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><label>
      <input type="submit" name="button" id="button" value="update" />
    </label></td>
  </tr>
</table>
</form>
</body>
</html>



После нажатия на кнопку мы обновляем инфу в базе, и надо одновременно вернуть обновленную инфу обратно в input type.

Использую jQuery

Надеюсь на помощь.
Спасибо!

Автор: krundetz 20.1.2009, 22:54
StachelDraht, ты можешь пойти двумя путями первый присылать клиенту полностью готовый html-код формы и просто вставлять его в нужное место, либо присылать с сервера в клиент объект и расставлять значения полей в таблицы в соответствии со свойствами объекта.

Автор: ksnk 21.1.2009, 00:13
Какой-такой input type? в тексте их там 3...

dogb.php
Код

<?php
echo 'Усе в порядке, шеф!';
?>


Код

...
// ---- Форма -----
   $("#myForm").ajaxForm(function(data) { 
     alert(data); 
   }); 
// ---- Форма -----
...

Вот так не понятнее будет?

Автор: StachelDraht 21.1.2009, 02:08
ksnk, тут допер, спасибо!

И походу дела...
У меня уже вобще ничего не работает.

Есть форма на странице и там же подключаем jquery
Код

<script language="javascript" src="/jphp/javascript/jquery.js"></script>
<script language="javascript" src="/jphp/javascript/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// ---- Форма -----
   $("#formContent").ajaxForm(function() { 
     alert("Спасибо за комментарий!"); 
   }); 
// ---- Форма -----
});
</script>


<form id="formContent" action="section.php" method="post" >
<table width="932" border="0">
  <tr>
    <td><input name="title" type="text" class="form"  value="<? echo title($table); ?>"/></td>
  </tr>
  <tr>
    <td><?php

        $sql = mysql_query("SELECT content FROM $table");
        if ($sql) $show_content =  mysql_result ($sql,0,'content');
        else exit (mysql_error());

        $oFCKeditor = new FCKeditor('FCKeditor1') ;
        $oFCKeditor->BasePath = '/fckeditor/' ;
        $oFCKeditor->Value = "$show_content" ;
        $oFCKeditor->Create() ;
        ?></td>
  </tr>
  <tr>
    <td><input type="hidden" name="table" value="<? echo $table; ?>" />
      <input type="submit" name="Update_content" value="Update" /></td>
  </tr>
</table>
</form>


В данном случае вообще никакой реакции на javascript, идет обычная перезагрузка.

Автор: ksnk 21.1.2009, 08:46
Цитата

 вообще никакой реакции на javascript

Это , как правило, значит, что случилась ошибка при трансляции javaScript кода.

Нужно поставить себе FireFox с FireBug'ом и посмотреть где и кто неправильно чего написал.

P.S. Php'шная вставка с FCK - это НЕ JavaScript.

Автор: krundetz 22.1.2009, 01:18
Цитата(StachelDraht @  21.1.2009,  02:18 Найти цитируемый пост)
Ну первый способ не подходит.
Если не трудно, опиши подробнее второй способ. В каком виде я должен получать инфу с сервера.

с сервера инфу ты должен получить в виде JSON это обычный текст примерно такого вида:
Код

{
   "firstName": "Иван",
   "lastName": "Иванов",
   "address": {
       "streetAddress": "Московское ш., 101, кв.101",
       "city": "Ленинград",
       "postalCode": 101101
   },
   "phoneNumbers": [
       "812 123-1234",
       "916 123-4567"
   ]
}

получаешь при помощи метода jQuery getJSON
он тебе вернет объект с которым ты сможешь работать как с любым объектом.
как 
Код

if(obj.textArea)
{
     jQuery("input[@name='textArea']").val(obj.textArea);
}
то так

Автор: StachelDraht 22.1.2009, 01:20
krundetz, спасибо большое!
Попробую, потом отпишусь.

Автор: StachelDraht 27.1.2009, 03:00
Ерунда тут такая.
Сам файл select.php подгружается, а переменные ему не передаются.
Почему так?
Код

$(document).ready(function(){
// ---- Форма -----
   $("#Select_form").ajaxForm(function() { 
   $("#Select_pole").load('select.php');
   }); 
// ---- Форма -----
});

Код

<form action="select.php" id="Select_form" method="post">
<table width="300" border="0">
  <tr>
    <td width="72">Марка:</td>
    <td width="218"><label>
      <select name="mark2">
        <option value="Alfa Romeo">Alfa Romeo</option>
        <option value="Audi">Audi</option>
      </select>
    </label></td>
  </tr>
  <tr>
    <td>Цвет:</td>
    <td><label>
      <select name="color2">
        <option value="Yellow">Желтый</option>
        <option value="Green">Зеленый</option>
      </select>
    </label></td>
  </tr>
  <tr>
    <td></td>
    <td><input type="submit" name="button2" id="button2" value="Показать" /></td>
  </tr>
</table>
</form>

Автор: krundetz 27.1.2009, 13:34
вот почему
Код

$("#Select_pole").load('select.php');

ты просто обращаешься к скрипту php не передавая ему ни каких параметров, если хочешь передать параметры то допиши ?param1=znach1&param2=znach2 и так далее, они придут в скрипт методом GET если нужно чтобы пришли  параметры POST смотри документацию

Автор: Aliance 27.1.2009, 14:01
Подождите, поясните мне:
у нас есть форма с текстовым полем. Мы изменяем это поле. Нажмимаем на submit и данные, введенные в поле с помощью ajax отсылаются серверу, где происходит добавление в БД. Но страница-то не перезагрузилась и не изменилась. Зачем в нее вставлять данные из БД?

Автор: StachelDraht 27.1.2009, 14:44
Aliance
Не, мы делаем выборку по двум параметрам. К примеру из базы надо выдрать картинки с машинами audi.
Выбираем из списка ауди
Код

      <select name="mark2">
        <option value="Alfa Romeo">Alfa Romeo</option>
        <option value="Audi">Audi</option>
      </select>


Далее отправляем методом post в select.php где в свою очередь Select * from cars where mark = '".$mark."' ...

Автор: ksnk 27.1.2009, 15:32
StachelDraht, А почитать, что-же написано в http://malsup.com/jquery/form/ и понять, что запись 
Код

$("#Select_form").ajaxForm(function() { 
   $("#Select_pole").load('select.php');
   });

означает - после посылки формы с параметрами и получения ответа, загрузить то, что файл select.php нам скажет... 2 ajax'а вместо одного...

Автор: StachelDraht 27.1.2009, 17:36
неа, я все равно не допер  smile 
подскажите пожалуйста что почитать, ну не понимаю я

почему тогда таким же образом я посылаю значения и скрипт их принимает
Код

$(document).ready(function(){
// ---- Форма -----
   $("#add_knob").ajaxForm(function() { 
     alert("Добавлено!"); 
   }); 
// ---- Форма -----
});

Автор: ksnk 27.1.2009, 19:48
Функция ajaxForm вызовет пред обработку настоящей формы в документе так, чтобы по нажатию на кнопку submit вызывался ajax-подгрузка этой формы. При этом адрес скрипта, которому будут посланы заполненные в форме значения определяется по атрибуту action/ метод, которым будет послана форма - по атрибуту method и так далее...
Параметром функции ajaxForm, как написано в документации, может быть объект со множеством полей, интересные из них 
success - callback функция, которая вызовется ПОСЛЕ получения ответа от посланной ajax'ом формы.

если парамер (param) функции не объект, а функция, параметр преобразуется вот в такой объект
{success:param} и выполнение продолжается...

Чего-нибудь стало понятно или продолжить цитирование документации ?  smile 

Автор: StachelDraht 28.1.2009, 01:01
Сделал методом get
Как передать параметры через post так и не понял  smile 
Всем спасибо!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)