Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
hoob777
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 116
#1

Калькулятор с ajax

29.06.2015, 17:26. Просмотров 517. Ответов 6
Метки нет (Все метки)

Пробую на денвере, 2 файла у меня
server.php
PHP
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
function clearData($data, $type='i'){
    switch($type) {
        case 'i':
           return $data * 1;
           break;
        case 's':
           return trim(strip_tags($data));
           break;
    }            
}
$answer = "";
    $n1 = clearData($_POST['a']);
    $n2 = clearData($_POST['b']);
    $op = clearData($_POST['operator'], 's');
    $answer = "$n1 $op $n2 = ";
    switch ($op) {
        case '+':
           $answer .= $n1 + $n2;
           break;
        case '-':
           $answer .= $n1 - $n2;
           break;
        case '*':
           $answer .= $n1 * $n2;
           break;
        case '/':
            if($n2==0) 
               $answer = "You can't / 0";
            else 
               $answer .= $n1 / $n2;
            break;
        default:
            $answer = "Unknown operator";
           
    }
if($answer) {
    echo $answer;
}
и сама страничка
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>
<title>calculator</title>
<script src="jquery.js"></script>
<style type="text/css">
#block {
   width:100px;
   height:100px;
   border:1px solid red;
   background-color:#eee;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
  $("#submit").click(function(){
   var fnumb = $("#a").val();
   var op = $("#operator").val();
   var snumb = $("#b").val();
   $.post('server.php', {a:fnumb,b:snumb}, function(data){
    $("#block").text(data);
    });
   });
});
</script>
<input type="text" id="a">
<select id="operator">
   <option>+</option>
   <option>-</option>
   <option>*</option>
   <option>/</option>
</select>
<input type="text" id="b">
<button id="submit">GET ANSWER</button>
<div id="block"></div>
</body>
</html>
Всегда пишет, что неизвестный оператор, то есть jquery подключен, подскажите что не так ?

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

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.06.2015, 17:26
Ответы с готовыми решениями:

Калькулятор с ajax запросом
Народ, всем привет, нужна помощь. Делаю калькулятор. При вводе 010/2 выводит...

Ajax загрузка формы из загруженного через ajax блока
Вообщем, через ajax в блок подгружается форма, из нее нужно загрузить в этот же...

Ajax запрос в div с уже 'прилетевшим' ajax'om
Добрый день, ребят... Не нашёл отдельного раздела по ajax, а разобраться очч...

Вызов ajax в теле ajax
Добрый день. Возник такой вопрос, а можно ли делать ajax-запросы в теле другого...

AJAX запрос к файлу, который сам делает AJAX запрос
Прошу прощение за название темы, но я не знаю как это коротко описать......

6
UProger
12 / 12 / 3
Регистрация: 19.04.2013
Сообщений: 818
29.06.2015, 17:30 #2
помучай гугл на тему jQuery Ajax.

римеров тьма!
0
fanatikus
1074 / 1071 / 503
Регистрация: 17.11.2012
Сообщений: 4,737
29.06.2015, 18:08 #3
Цитата Сообщение от hoob777 Посмотреть сообщение
<option>+</option>
HTML5
1
<option value='+'>+</option>
0
hoob777
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 116
30.06.2015, 09:12  [ТС] #4
Ошибка была в этой строке
Javascript
1
2
3
$.post('server.php', {a:fnumb,b:snumb}, function(data){
    $("#block").text(data);
    });
Забыл передать сам оператор, надо вот так
Javascript
1
{a:fnumb,operator:op,b:snumb}
0
Firework
98 / 90 / 35
Регистрация: 01.04.2013
Сообщений: 623
30.06.2015, 09:32 #5
А зачем для калькулятора вообще аякс использовать?
Это можно ведь сделать только на клиенте с помощью JS.
0
hoob777
5 / 5 / 5
Регистрация: 03.01.2015
Сообщений: 116
30.06.2015, 10:49  [ТС] #6
Firework, Имеете ввиду что не использовать файлик сервера, типа обработать всё на самой страничке ? Просто жизнь заставила найти новую работу, я с программированием с января этого года только познакомился, и выбрал web направление.
0
Firework
98 / 90 / 35
Регистрация: 01.04.2013
Сообщений: 623
30.06.2015, 12:35 #7
Цитата Сообщение от hoob777 Посмотреть сообщение
Имеете ввиду что не использовать файлик сервера, типа обработать всё на самой страничке ?
Именно.
Цитата Сообщение от hoob777 Посмотреть сообщение
Просто жизнь заставила найти новую работу, я с программированием с января этого года только познакомился, и выбрал web направление.
Не совсем понял: вы легких путей не ищите от нелегкой жизни или небольшой опыт в программировании мешает писать практично?
0
30.06.2015, 12:35
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.06.2015, 12:35

Вызов ajax запроса после обработки другого ajax запроса
Добрый день. По нажатию на кнопку происходит ajax запрос. Сервер возвращает...

JQuery, Ajax и LIVE!? Возможно ли повесить ajax запрос на live?
все делаю правильно, но у меня даже onSubmit alert(&quot;ok!&quot;); выводить не хочет? ...

После вставки ответа ajax в input запроса, ответ ajax не изменяется
Здравствуйте! В общем так, есть поле input, есть таблица с полем count....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru