Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2020, 16:43
Новичок на форуме
Отправить личное сообщение для Joselin Посмотреть профиль Найти все сообщения от Joselin
 
Регистрация: 19.10.2020
Сообщений: 3

Ajax и jquery
Здравствуйте, помогите пожалуйтса
Создайте форму с 2-мя текстовыми полями, выпадающим списком, 3-мя радиокнопками. Разместите 3 кнопки button. При нажатии на первую кнопку должны подгружаться данные из XML- файла с использованием метода jquery.post и форма должна заполняться данными значениями. При нажатии на вторую кнопку должен выполняться локальный скрипт используя метод jquery.getscript (с подгружением (load) в определенный блок содержимого отдельного текстового файла к уже размещенной информации (.before(). .insertbefore() и отдельного текста, например, с реквизитами компании) к уже размещенной информации (.text()). 3-я кнопка должна очистить содержимое формы. Если информация считалась некорректно, используя метод bind, следкет организовать медленно исчезающее предупреждение об этом.

<!DOCTYPE html>
<html lang="rus">
<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" href="D:\1.css">
    <title>Title</title>
</head>
<body>
   <form action="/" id="searchForm">

   <p><strong>Как вас зовут?</strong></p>
   <p><input maxlength="25" size="40" value="Вася"></p>
   
   <p><strong>Что вы хотите купить?</strong></p>
   <p><input maxlength="25" size="40" value="Диван"></p>

<p><b> Выберите цвет текста </b> </p>
   <select>
      <option>Желтый</option>
      <option>Зеленый</option>
	  <option>Голубой</option>
	  <option>Фиолетовый</option>
   </select>

 <p><b> Выберите размер текста</b></p>
    <p><input name="dzen" type="radio" value="nedzen"> Маленький</p>
    <p><input name="dzen" type="radio" value="dzen"> Средний</p>
    <p><input name="dzen" type="radio" value="pdzen" checked> Большой </p>
    	
   <button type="submit"class="button1">Change</button>
   <button type="submit" class="button2">Change</button>

</form>
	
	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"  type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<script src="D:\3.js"></script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Просмотрела исходик jQuery Откорректируйте где не верно taksebe jQuery 5 23.11.2018 22:42
Как из Google Расширения отправить AJAX? $ undefined jquery sciper AJAX и COMET 2 03.08.2018 07:57
Книги по Ajax BaVa Учебные материалы 18 18.08.2013 14:05
jQuery Click() не работает на объекте, созданном Ajax vovabigov jQuery 13 09.09.2012 14:25
Не работает jQuery меню с AJAX eugene1986 jQuery 0 08.07.2010 18:49