Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
30 / 30 / 5
Регистрация: 21.03.2013
Сообщений: 381

Button создать, разместить на странице и выполнить код при нажатии

22.09.2016, 14:58. Показов 823. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ситуация такова: есть пхп код который должен выполняться на сервере и отдавать json клиенту, на стороне клиента javascript выводит данные на страницу.
Как создать кнопку что бы при нажатии та выполняла пхп код на сервере? Желательно примеры. но буду рад хотябы понять как оно должно выполняться в теории.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.09.2016, 14:58
Ответы с готовыми решениями:

При нажатии на button выполнить свой код + код другого баттона
Как?

Выполнить клик до функции при нажатии на button
люди подскажите как при нажатии на button выполнить нажатие на pictute_click ?

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

7
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
22.09.2016, 15:02
powowstal, то что тебе нужно называется ajax. Элементарно реализуется с помощью jQuery.
0
30 / 30 / 5
Регистрация: 21.03.2013
Сообщений: 381
22.09.2016, 15:20  [ТС]
Jewbacabra, для меня элементарно все что связано с Android develop, а как реализовать
Цитата Сообщение от Jewbacabra Посмотреть сообщение
ajax
кнопку с ф-лом я без понятия. Дайте пожалуйста пример реализации.
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
22.09.2016, 15:25
Цитата Сообщение от powowstal Посмотреть сообщение
для меня элементарно все что связано с Android develop
Но навыки что поиска в гугле, что в чтении документации не отличаются от того же в андроиде
http://api.jquery.com/jquery.ajax/
1
30 / 30 / 5
Регистрация: 21.03.2013
Сообщений: 381
22.09.2016, 15:33  [ТС]
Jewbacabra, с таким подходом, можно сразу ссылку на книгу оставить и закрывать форум
0
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
22.09.2016, 15:56
Цитата Сообщение от powowstal Посмотреть сообщение
кнопку с ф-лом
С чем, простите?

Добавлено через 4 минуты
Пример, например:
HTML5
1
2
<pre id='output-1'></pre>
<button type="button" id="btn-1">Click Me!</button>
JavaScript
1
2
3
4
5
6
var btn1Clicked = function () {
  $('#output-1').load('newbie_app.php');
}
$(document).ready(function () {
  $('#btn-1').on('click', btn1Clicked);
});
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
declare(strict_types = 1);
/**
* This is a DocBlock comment for A class
*/
class A
{
  private $prop1 = 'I am Public Property';
 
  public function getProp1(): string
  {
    return $this->prop1;
  }
}
$objA = new A;
echo $objA->getProp1(), '<br>';
echo 'End of script<br>';
1
22.09.2016, 16:00

Не по теме:

Цитата Сообщение от powowstal Посмотреть сообщение
с таким подходом, можно сразу ссылку на книгу оставить и закрывать форум
"Дай человеку рыбу, и он будет сыт один день. Научи человека ловить рыбу, и он будет сыт всю жизнь"

0
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
23.09.2016, 21:54
powowstal, так вам json нужен жеж... у меня тут как раз пример есть, недавно кто-то спрашивал (правда с jQuery):
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
39
40
<div class="remove-input-name"><form id='selectable-fields-form' method='post'>
  <table>
    <tr>
      <td class="alignLeft">
        <input type="radio" name="merge">
        <input type="hidden" value="{glid1}">
        <input type="hidden" value="{email1}">
      </td>
      <td class="alignLeft">{id}</td>
      <td class="alignLeft">{email1}</td>
      <td class="alignLeft">{glid}</td>
      <td class="alignLeft">{action_delete}</td>
    </tr>
    <tr>
      <td class="alignLeft">
        <input type="radio" name="merge">
        <input type="hidden" value="{glid2}">
        <input type="hidden" value="{email2}">
      </td>
      <td class="alignLeft">{id}</td>
      <td class="alignLeft">{email1}</td>
      <td class="alignLeft">{glid}</td>
      <td class="alignLeft">{action_delete}</td>
    </tr>
    <tr>
      <td class="alignLeft">
        <input type="radio" name="merge">
        <input type="hidden" value="{glid3}">
        <input type="hidden" value="{email3}">
      </td>
      <td class="alignLeft">{id}</td>
      <td class="alignLeft">{email1}</td>
      <td class="alignLeft">{glid}</td>
      <td class="alignLeft">{action_delete}</td>
    </tr>
  </table>
  <input type="submit" value="submit">
  </form>
  <pre></pre>
</div>
JavaScript
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
39
40
41
var removeInputsName = function () {
  var parent = $(this).closest('tr');
  parent.siblings().find('input:not(:radio)').prop('name', '');
 
  var names = ['glid', 'email'];
  parent.find('input:not(:radio)').each(function (i, el) {
    el.name = names[i];
  });
}
 
var selectableFormSubmitted = function (e) {
  console.log('Form submitted');
  e.preventDefault();
  var form = $(this);
  $.ajax({
    type: 'POST',
    dataType: 'json',
    url: 'selectable_fields.php',
    data: form.serialize(),
    success: function (data) {
      var items = ['<table><tr><th>Key</th><th>Value</th></tr>'];
      $.each(data, function (key, value) {
        items.push('<tr><td>' + key + '</td><td>' + value + '</td></tr>');
      });
      items.push('</table>');
 
      form.next('pre').html(items.join(''));
    },
    error: function (xhr, status, err) {
      console.log(status);
    },
    complete: function () {
      form.find('input:radio').prop('checked', false);
    }
  });
}
 
$(document).ready(function () {
  $('.remove-input-name input:radio').on('click', removeInputsName);
  $('#selectable-fields-form').on('submit', selectableFormSubmitted);
});
PHP
1
2
3
4
5
6
<?php
  $data = $_POST;
  unset($data['merge']);
  header('Content-type: application/json');
  echo json_encode($data);
?>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.09.2016, 21:54
Помогаю со студенческими работами здесь

Выполнить код при нажатии кнопки
Как при нажатии кнопки ( button ) , выполнить вот это действие time 0:00 &gt;nul, через консольное приложение получается а вот именно при...

Выполнить PHP-код при нажатии на ссылку
$('#go1').click(function(){ $('#table').css('visibility','visible'); &lt;?php $_SESSION=true; $_SESSION+=$myrov; ...

Как создать событие или вызвать метод при нажатии на экземпляр объекта (Button)?
List&lt;Button&gt; but = new List&lt;Button&gt;(); private void button1_Click(object sender, EventArgs e) { Button p...

Выполнить код из обработчика нажатия Button1 при нажатии Button2
У меня есть 2 кнопки. на одной стоит событие. на вторую надо поставить такое же событие но перед его выполнением надо выполнить действия......

Создать программу которая при нажатии Button отсылает текст полей Edit1 и Edit2 на мыло
Создать программу которая при нажатии Button отсылает текст полей Edit1 и Edit2 на мыло


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru