Сабмит формы не перезагружая страницу

@nill · Регистрация: 16.08.2009

Студворк — интернет-сервис помощи студентам

Нужен самый простой пример сабмита формы не перезагружая страницу
на AJAX или jQuery там где попроще

главное чтобы все работало и было минимум кода, сабмит формы и отправка одной переменной

Нашел вот такой пример но смущает вот эта строчка
<script src="http://code.jquery.com/jquery-latest.js"></script>
то есть грузиться какой то гиганский js файл из инета и без него ничего не работает, а мне надо чтобы и без интренета все работало

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
  <script>
  $(document).ready(function(){
 
    $("form").submit(function() {
      if ($("input:first").val() == "correct") {
        $("span").text("Validated...").show();
        return true;
      }
      $("span").text("Not valid!").show().fadeOut(1000);
      return false;
    });
 
  });
  </script>
 
  <style>
  p { margin:0; color:blue; }
  div,p { margin-left:10px; }
  span { color:red; }
  </style>
</head>
<body>
  <p>Type 'correct' to validate.</p>
  <form action="javascript:alert('success!');">
 
    <div>
      <input type="text" />
      <input type="submit" />
    </div>
 
  </form>
  <span></span>
</body>
</html>

P.S. Хочу разобраться как это работает, раньше писал на javascript но jQuery или AJAX как то слишком сложно для понимания где что куда как, не могу разобрать.

Dmitry · 15.04.2012, 15:26

вы можете скачать этот скрипт на локальную машину, и в строке указать его адрес уже не из интернета а из локальной папки. в итоге скрипт будет вызываться с локального источника и подключение к интернету не будет нужно

@nill · 15.04.2012, 16:00 **[ТС]**

Dmitry,
ну так а что это за jquery-latest.js это что нужно всем кто использует jquery или что ?
никакие внешние функции мне не нужны, я просто хочу сабмитить форму не перезагружая страницу самым простым способом, без подключения гигантских непонятных файлов.

Dmitry · 15.04.2012, 16:07

jquery-latest.js это и есть последняя версия jquery

@nill · 15.04.2012, 16:27 **[ТС]**

Dmitry,

А ну то есть если я хочу использовать jquery мне нужен этот файл, то есть это стандартное что то.
Тогда еще вопрос что будет если не будет интернета ?
если оставлю просто <script src="http://code.jquery.com/jquery-latest.js"></script>
все скрипты перестанут работать ?

Dmitry · 15.04.2012, 16:42

если не будет интернета, то все функции jquery у вас в случае, если будет именно так, как у вас написано:

Code
1
<script src="http://code.jquery.com/jquery-latest.js"></script>

естественно РАБОТАТЬ НЕ БУДУТ.
Чтобы они продолжали работать, скачайте этот самый файл, положите его в папку с вашим скриптом и измените строку, чтобы она стала

Code
1
<script src="jquery-latest.js"></script>

@Schtrich · 15.04.2012, 20:14

а вообще обычно jquery.form.js используют для таких целей, главное внимательно статью прочитать и разобраться.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	15.04.2012, 15:26
	вы можете скачать этот скрипт на локальную машину, и в строке указать его адрес уже не из интернета а из локальной папки. в итоге скрипт будет вызываться с локального источника и подключение к интернету не будет нужно 1

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434
	15.04.2012, 16:00 [ТС]
	Dmitry, ну так а что это за jquery-latest.js это что нужно всем кто использует jquery или что ? никакие внешние функции мне не нужны, я просто хочу сабмитить форму не перезагружая страницу самым простым способом, без подключения гигантских непонятных файлов. 0

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	15.04.2012, 16:07
	jquery-latest.js это и есть последняя версия jquery 1

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434
	15.04.2012, 16:27 [ТС]
	Dmitry, А ну то есть если я хочу использовать jquery мне нужен этот файл, то есть это стандартное что то. Тогда еще вопрос что будет если не будет интернета ? если оставлю просто <script src="http://code.jquery.com/jquery-latest.js"></script> все скрипты перестанут работать ? 0

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	15.04.2012, 20:14
	а вообще обычно jquery.form.js используют для таких целей, главное внимательно статью прочитать и разобраться. 0