Почему AJAX не отправляет данные?

261

18 июля 2017, 18:37

У меня простой ajax запрос который должен отправлять input на сервер через сервлет не перезагружая страницу. Но сервер не получает данные.

Объясните пожалуйста почему не работает и как это поправить?

Это моя станица:

<head>
    <title>home</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#send_task").click(function(){
                var data = $("select#data").val();
                $.post('add_task', {data : data}, function(result){
                    $("#answer_from_server").html(result);
                });
            })
        });
    </script>
</head>
<body>
    <label for="data">Enter the task</label><input id="data" type="text">
    <input id="send_task" type="button" value="Ok" />
    <p id="answer_from_server"></p>
</body>

И сервлет:

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
        throws ServletException, IOException {
    System.out.println(req.getParameter("data")); // всегда печатает null
         .....
}

Answer 1

А что если так (исправил селектор и полный URL поставил):

<head>
    <title>home</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#send_task").click(function(){
                //var data = $("select#data").val();
                var data = $("#data").val();
                //$.post('add_task', {data : data}, function(result){
                $.post('http://test/add_task', {data : data}, function(result){
                    $("#answer_from_server").html(result);
                });
            })
        });
    </script>
</head>
<body>
    <label for="data">Enter the task</label><input id="data" type="text">
    <input id="send_task" type="button" value="Ok" />
    <p id="answer_from_server"></p>
</body>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как запустить тест с maven?

Добрый день, пытаюсь запустить тест командой

367

Java

Реализовать поиск на андроид [требует правки]

Как реализовать поиск, есть массив с заголовками книг, поле для ввода текста, при вводе пары букв должны выводиться совпадения

278

Java

Поиск картинки через google-api-services-customsearch

Я делаю приложение на JavaFX и мне требуется получить озображение по поисковому запросуВыполнять поиск в google через java можно через google-api-services-customsearch,...

263

Java

Вопрос по Thymeleaf

Допустим есть простой Java объект(obj1) с полями, геттерами, сеттерамиОдно из полей ссылается на другой объект(obj2)

321