Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2017, 17:53
Новичок на форуме
Отправить личное сообщение для leff87 Посмотреть профиль Найти все сообщения от leff87
 
Регистрация: 17.10.2017
Сообщений: 4

Jqгery не обрабатывает нажатие на кнопку
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<form name = login accept-charset="UTF-8" method="post" >
<table>
<tr><td><input type="text" id="login" style="width: 161px; ">Имя пользователя</td></tr>
<tr><td><input type="password" id="password" style="width: 157px; ">Пароль</td></tr>
<tr><td><input type="button" id="inLogin" value="Войти" style="width: 101px; "></td></tr>
<tr></tr>
</table>
</form>

<script>
$(document).ready(function(){
	
	$(document).on("click", "#inLogin", function(){
	$.ajax({
			  type: "POST",
			  url: "localhost:8080/market/Auth",
			  dataType: "text",
			  data: "user="+$("#login").val()+"&pass="+$("#password").val(),
			  success: function(data){
			  alert("Пришел ответ");
			  }
			});	
		
	});	
});
</script>

</body>
</html>


Подскажите что может быть не так в данном коде.
По нажатию на кнопку отправить ни чего не происходит.
Уже потерял надежду понять что здесь не так ?
Ответить с цитированием
  #2 (permalink)  
Старый 17.10.2017, 18:24
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,703

leff87, зачем делегировать обработку события, если элемент сразу доступен?

Вставьте в конец своего документа этот код:
(function(){
	if(typeof $!='function')
		return alert('Библиотека jQuery не найдена');

	if(!$('#inLogin').length)
		alert('Элемент с указанным ID не найден на странице');
})();
Ответить с цитированием
  #3 (permalink)  
Старый 17.10.2017, 18:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

leff87,
в коде ошибок нет, есть проблема с сервером, лучше проверять не локально.
Ответить с цитированием
  #4 (permalink)  
Старый 17.10.2017, 21:04
Новичок на форуме
Отправить личное сообщение для leff87 Посмотреть профиль Найти все сообщения от leff87
 
Регистрация: 17.10.2017
Сообщений: 4

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Login</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<form id="loginForm" accept-charset="UTF-8" method="post" >
<table>
<tr><td><input type="text" id="login" name="login" style="width: 161px; ">Имя пользователя</td></tr>
<tr><td><input type="password" id="pass"  name="pass" style="width: 157px; ">Пароль</td></tr>
<tr><td><button type="submit" style="width: 101px; ">Войти</button></td></tr>
<tr></tr>
</table>
</form>

<script>
$(document).ready(function(){

	$("#loginForm").submit(function(){
	var s = $(this).serialize();
	$.ajax({
			  type: "POST",
			  url: "localhost:8080/market/Auth",
			  dataType: "html",
			  data: s,
			  async: true,
			  success: function(jqXHR, textStatus) {
			  ......
			  });
		
	});
	
});
</script>

</body>
</html>


вот так заработало. Хотя в чем была проблема я так и не понял.
Зато сразу появилась другая проблема то что от сервера приходит напрямую в браузер печатается, а не функцией function(jqXHR, textStatus) обрабатывается.

Ответить с цитированием
  #5 (permalink)  
Старый 17.10.2017, 22:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

Сообщение от leff87
вот так заработало.
наверно как раз наоборот, ничего не работает, вы хотябы форму отключите в строке 24

submit(function(event){event.preventDefault()
Ответить с цитированием
  #6 (permalink)  
Старый 18.10.2017, 06:25
Новичок на форуме
Отправить личное сообщение для leff87 Посмотреть профиль Найти все сообщения от leff87
 
Регистрация: 17.10.2017
Сообщений: 4

Вы правы не работает. То что в javascript-ом написано.
Как позже выяснялось...
Столько времени потратил и толку никого.

Подскажите пожалуйста почему код в теме не хочет работать. Исходя из моей логики вроде все правильно написано. В интернете все перерыл там в примерах так же написано...
Ответить с цитированием
  #7 (permalink)  
Старый 18.10.2017, 06:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,059

Сообщение от leff87
Подскажите пожалуйста почему код в теме не хочет работать.
Сообщение от рони
в коде ошибок нет, есть проблема с сервером, лучше проверять не локально.
второй код, тоже рабочий если event добавить и сервер в инете, ждите специалиста по серверу, он вам точнее скажет.
Ответить с цитированием
  #8 (permalink)  
Старый 18.10.2017, 21:32
Новичок на форуме
Отправить личное сообщение для leff87 Посмотреть профиль Найти все сообщения от leff87
 
Регистрация: 17.10.2017
Сообщений: 4

Разобрался вроде 'access-control-allow-origin' вот это не давало коду работать.
Хотя если честно я досих пор не понял где же он нашел разные домены,
вроде и страница на localhost и сервлет там же работает. Магия да и только или я не догоняю
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Увеличение числа в поле input каждые 5 секунд и нажатие на кнопку ArxRash Элементы интерфейса 11 31.05.2017 14:25
нажатие на кнопку на странице polsok Events/DOM/Window 1 18.10.2015 11:19
Уменьшение окна браузера при нажатие на кнопку submit Lizzzy Общие вопросы Javascript 4 28.04.2014 08:22
Смена divoв при нажатие на кнопку Сандин Элементы интерфейса 5 10.02.2011 01:30
Запуск выполнения PHP при нажатие на кнопку??? Abibas220 Общие вопросы Javascript 1 05.01.2011 12:05