Jsp вызов ajax с использованием jquery

У меня есть этот фрагмент кода, где я передаю данные в другой файл jsp.Jsp вызов ajax с использованием jquery

Javascript

$(document).ready(function() { 
    $("#click").click(function() { 
     name = $("#name").val(); 
     age = $("#age").val(); 
     $.ajax({ 
      type : "POST", 
      url : "pageTwo.jsp", 
      data : "name=" + name + "&age=" + age, 
      success : function(data) { 
       $("#response").html(data); 
      } 
     }); 
    });  
});

HTML

<body> 
    Name:<input type="text" id="name" name="name"> 
    <br /><br /> 
    Age :<input type="text" id="age" name="age"> 
    <br /><br /> 
    <button id="click">Click Me</button> 
    <div id="response"></div> 
</body>

и в pageTwo.jsp, мой код

<% 
    String name = request.getParameter("name"); 
    String age = request.getParameter("age"); 
    out.println(name + age); 
%>

но го is is not working.Is любая ошибка в моем JQuery?. Может ли кто-нибудь мне помочь ?.

источник

2012-12-28 edaklij

$("#click").click(function(e) { 
    // e.preventDefault(); 
    ... 
    return false; 
});

и, конечно же, установить firebug или использовать инструменты разработчика по умолчанию для Chrome (f12). открыть консоль и запустить код.

источник

2012-12-28 04:03:49 HamidRaza

Почему «return false»; необходимо? Это работает, но я не понимаю, почему. – Gabrer

«return false», чтобы остановить любое действие по умолчанию. скажем, «#click» - это ссылка, поэтому теперь, когда вы нажмете на нее, вы перенаправите вас на какую-то страницу (href url), теперь, если у вас есть «return false», она не будет выполнять действие по умолчанию в браузере. «return false» вам нужно положить конец кода внутри обратного вызова. Вы также можете использовать «e.preventDefault();» который вы можете поставить поверх кода внутри функции обратного вызова. – HamidRaza

Спасибо, много! Очень аккуратно и быстро :) – Gabrer

$(document).ready(function() { 
    $("#click").click(function() { 
     name = $("#name").val(); 
     age = $("#age").val(); 
     $.ajax({ 
      type: "POST", 
      url: "pageTwo.jsp", 
      data: "{'name':'" + name + "','age':'" + age + "'}", 
      contentType: "application/json", 
      async: false, 
      success: function (data) { 
       $("#response").html(data.d); 
      } 
     }); 
    }); 
});

источник

2012-12-28 09:07:28 Prashant16

Jsp вызов ajax с использованием jquery

ответ

Смежные вопросы