Ajax запрос

@True · Регистрация: 21.06.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте.

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
function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
function vote() {
    var req = getXmlHttp()        
    var statusElem = document.getElementById('vote_status')
    req.onreadystatechange = function() { 
        if (req.readyState == 4) {
            statusElem.innerHTML = req.statusText 
            if(req.status == 200) {
                //
            }
        }
    }
    req.open('GET', 'php.php', true); 
     req.send(); 
 
}

Мне необходимо изменить ajax-запроса так, чтобы происходил вызов php-кода и его выполнение на странице
Не подскажите как это сделать?

@Programmer_ · 21.06.2014, 19:38

Сообщение от True

чтобы происходил вызов php-кода и его выполнение на странице

0_o

Сообщение от True

req.open('GET', 'php.php', true);

Так вот же оно, нужна только ф-ция которая примет результат и что - то сделает.
Проще юзать Jquery http://api.jquery.com/jquery.ajax/

@True · 21.06.2014, 19:48 **[ТС]**

Сообщение от Programmer_

Проще юзать Jquery http://api.jquery.com/jquery.ajax/

если это использовать, то нужна вот эта функция?

Сообщение от True

function vote() {
var req = getXmlHttp()
var statusElem = document.getElementById('vote_status')
req.onreadystatechange = function() {
if (req.readyState == 4) {
statusElem.innerHTML = req.statusText
if(req.status == 200) {
//
}
}
}
req.open('GET', 'php.php', true);
req.send();
}

@Programmer_ · 21.06.2014, 20:01

нет.
Только сама логика программы.
к прим.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  var site = {
           vote: function() {  
            // do something 
              this.send( params );
           },
           send: function( params ){
                 $.ajax({
                       type: "POST", // Тип запроса
                       url: "some.php", // куда
                   data: { vote_data: params } // передаем параметры
                     })
                    .done(function( msg ) { // ответ сервера (  readyState == 200 )
                         $('body').append( msg ); // Добавляем к DOM body ответ сервера
                   });
           }
  }

@True · 21.06.2014, 20:23 **[ТС]**

Сообщение от Programmer_

нет.
Только сама логика программы.
к прим.

а как это вызвать из html-документа?

@Programmer_ · 21.06.2014, 20:33

HTML5
1
2
3
4
5
6
7
8
9
10
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="/folder/myscript.js"></script>
  </head>
  <body>
    <a href="#" class="vote">Vote</a>
   <div class="votes"></div>
  </body>
</html>

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
  //myscript.js
 var site = {
           vote: function() {  
            // do something 
              this.send( params );
           },
           send: function( params ){
                 $.ajax({
                       type: "POST", // Тип запроса
                       url: "some.php", // куда
                   data: { vote_data: params } // передаем параметры
                     })
                    .done(function( msg ) { // ответ сервера (  readyState == 200 )
                         $('.votes').append( msg ); // Добавляем к DOM body ответ сервера
                   });
           }
  }
  
  jQuery( document ).ready(function( $ ){
    $( '.vote' ).click(function(){
        site.vote( 'чет передаем' );
        return false;
    });
  });

@Truyaka · 22.06.2014, 03:50

Сообщение от Programmer_

А для кнопки как вызвать?

@True · 22.06.2014, 15:22 **[ТС]**

Сообщение от Programmer_

//myscript.js
*var site = {
* * * * * *vote: function() { *
* * * * * * // do something
* * * * * * * this.send( params );
* * * * * *},
* * * * * *send: function( params ){
* * * * * * * * *$.ajax({
* * * * * * * * * * * *type: "POST", // Тип запроса
* * * * * * * * * * * *url: "some.php", // куда
* * * * * * * * * *data: { vote_data: params } // передаем параметры
* * * * * * * * * * *})
* * * * * * * * * * .done(function( msg ) { // ответ сервера ( *readyState == 200 )
* * * * * * * * * * * * *$('.votes').append( msg ); // Добавляем к DOM body ответ сервера
* * * * * * * * * *});
* * * * * *}
* }
jQuery( document ).ready(function( $ ){
* * $( '.vote' ).click(function(){
* * * * site.vote( 'чет передаем' );
* * * * return false;
* * });
* });

как без передачи данных просто вызвать пхп-документ?

@Programmer_ · 22.06.2014, 16:59

Сообщение от True

как без передачи данных просто вызвать пхп-документ?

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
//myscript.js
 var site = {
           vote: function() {  
            // do something 
              this.send( params );
           },
           send: function(  ){
                 $.ajax({
                       type: "POST", // Тип запроса
                       url: "some.php" // куда
                  
                     })
                    .done(function( msg ) { // ответ сервера (  readyState == 200 )
                         $('.votes').append( msg ); // Добавляем к DOM body ответ сервера
                   });
           }
  }
  
  jQuery( document ).ready(function( $ ){
    $( '.vote' ).click(function(){  /* .name - имя класса ( class="name" ) любого дом элемента ( тов ) , #name - id      любого дом элемента id="name" */
        site.vote( 'чет передаем' );
        return false;
    });
  });

@True · 22.06.2014, 17:32 **[ТС]**

Сообщение от Programmer_

Сообщение от Programmer_

//myscript.js
*var site = {
* * * * * *vote: function() { *
* * * * * * // do something
* * * * * * * this.send( params );
* * * * * *},
* * * * * *send: function( *){
* * * * * * * * *$.ajax({
* * * * * * * * * * * *type: "POST", // Тип запроса
* * * * * * * * * * * *url: "some.php" // куда
})
* * * * * * * * * * .done(function( msg ) { // ответ сервера ( *readyState == 200 )
* * * * * * * * * * * * *$('.votes').append( msg ); // Добавляем к DOM body ответ сервера
* * * * * * * * * *});
* * * * * *}
* }
jQuery( document ).ready(function( $ ){
* * $( '.vote' ).click(function(){ */* .name - имя класса ( class="name" ) любого дом элемента ( тов ) , #name - id * * *любого дом элемента id="name" */
* * * * site.vote( 'чет передаем' );
* * * * return false;
* * });
* });

вот это забил в файлы
в php добавил echo "privet";
но ничего не происходит

@Programmer_ · 22.06.2014, 18:45

Firebug ( консоль что говорит ) ? Запрос уходит ? Статус запроса ?

@True · 23.06.2014, 01:59 **[ТС]**

Сообщение от Programmer_

Firebug ( консоль что говорит ) ? Запрос уходит ? Статус запроса ?

- HTML-документ не содержит объявления кодировки символов. Если документ содержит символы, не входящие в диапазон US-ASCII, то в некоторых конфигурациях браузера в документе будет отображён искажённый текст. Кодировка символов страницы должна быть объявлена в документе или в протоколе передачи.
- ReferenceError: params is not defined

Добавлено через 6 минут

Сообщение от True

- ReferenceError: params is not defined

исправил, заработало

Добавлено через 2 часа 14 минут
А вот если кнопок много, то как передать id кнопки? через последующую проверку isset'ом не получается

@Programmer_ · 23.06.2014, 14:15

Сообщение от True

А вот если кнопок много, то как передать id кнопки?

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
//myscript.js
 var site = {
           vote: function( id ) {  
            // do something 
              this.send( id );
           },
           send: function( id ){
                 $.ajax({
                       type: "POST", // Тип запроса
                       url: "some.php", // куда
                   data: { id: id } // передаем параметры
                     })
                    .done(function( msg ) { // ответ сервера (  readyState == 200 )
                         $('.votes').append( msg ); // Добавляем к DOM body ответ сервера
                   });
           }
  }
  
  jQuery( document ).ready(function( $ ){
    $( '.vote' ).click(function( e ){
      var id = $(this).attr('id');
        site.vote( id );
        return false;
    });
  });

@True · 23.06.2014, 15:40 **[ТС]**

Сообщение от Programmer_

jQuery( document ).ready(function( $ ){
* * $( '.vote' ).click(function( e ){
* * * var id = $(this).attr('id');
* * * * site.vote( id );
* * * * return false;
* * });

а в php как к нему обратиться?)

@Programmer_ · 23.06.2014, 16:53

PHP
1
2
3
$_POST['id'];
//Все содержимое массива POST
var_dump($_POST);

@True · 24.06.2014, 01:11 **[ТС]**

Сообщение от Programmer_

***

у меня в php описана структура
создается она при нажатии кнопки
дальше добавляются новые кнопки, которые тоже должны обрабатывать эту же структуру
как сделать так, чтобы при повторном вызове структура сохранялась?

Добавлено через 26 минут
то есть оставалась
и с ней можно было работать

Добавлено через 11 минут
нет, дело не в этом
в коде пхп имеется вот такая строчка (оформлена она как и та, что изначальная в коде, которая вызывает пхп)

PHP
1
echo '<input type="submit" value="Выполнить" class="vote" id="2">';

но это кнопка не вызывает уже пхп файл
что делать?

Добавлено через 5 часов 27 минут

Сообщение от True

у меня в php описана структура
создается она при нажатии кнопки
дальше добавляются новые кнопки, которые тоже должны обрабатывать эту же структуру
как сделать так, чтобы при повторном вызове структура сохранялась?
Добавлено через 26 минут
то есть оставалась
и с ней можно было работать

вернулась эта проблема

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

Ajax запрос

Решение

Решение

@Programmer_ 88 / 88 / 34 Регистрация: 22.05.2012 Сообщений: 404
	22.06.2014, 18:45
	Firebug ( консоль что говорит ) ? Запрос уходит ? Статус запроса ? 1