Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
 
KokosSPb
81 / 84 / 3
Регистрация: 03.02.2011
Сообщений: 468
#1

Ajax: происходит сброс страницы при open(), abort() не помогает - JavaScript

25.12.2014, 20:01. Просмотров 711. Ответов 16
Метки нет (Все метки)

Народ, есть странички, которые подгружаются на лету, использую XMLHttpRequest.
на index.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
39
40
41
42
43
44
45
46
47
48
49
echo "<script language=\"javascript\" type=\"text/javascript\">
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject(\"Msxml2.XMLHTTP\");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject(\"Microsoft.XMLHTTP\");
  } catch (e2) {
    xmlHttp = false;
  }
}
@end @*/
 
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}
function page(page) {
    if(page==\"add\")
        hide_pl();
 
  // Создать URL для подключения
  var url = \"page.php?page=\" + page;
 
  // Открыть соединение с сервером
  xmlHttp.open(\"GET\", url, true);
 
  // Установить функцию для сервера, которая выполнится после его ответа
  xmlHttp.onreadystatechange = innerPage;
  // Передать запрос
  xmlHttp.send(null);
}
function innerPage() {
    if (xmlHttp.readyState == 4) {
        document.getElementById('content').innerHTML = '<divjs></divjs><div id=\"page\"></div>';
        var response = xmlHttp.responseText;
        var txt;
        var newScript = document.createElement(\"script\");
        response = response.split('<js-html>');
        newScript.type = \"text/javascript\";
        newScript.text = response[0];
        document.getElementsByTagName('divjs')[0].appendChild(newScript);
        document.getElementById('page').innerHTML = response[1];
        xmlHttp.abort();
    }
}
</script>";
echo "<a href=\"#\" onClick=\"page('add')\">Добавить</a><br>";
page.php:
PHP
1
2
3
4
<?php
if(isset($_GET['page']))
    include $_GET['page'].".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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<?php
include "classes.php";
session_start();
//Вывести форму поиска артиста или группы
if(!isset($_GET['step']))
{
    echo "function search_artist() {
        console.log('search_artist');
        // Создать URL для подключения
        var url = \"add.php?step=1&search=\" + document.getElementById('artist').value;
        
        // Открыть соединение с сервером
        xmlHttp.open(\"GET\", url, true);
 
        // Установить функцию для сервера, которая выполнится после его ответа
        xmlHttp.onreadystatechange = innerPageAdd;
        // Передать запрос
        xmlHttp.send(null);
    }
    function innerPageAdd() {
        console.log('innerPageAdd');
        if (xmlHttp.readyState == 4) {
            document.getElementById('add_artist_list').innerHTML = xmlHttp.responseText;
        }
    }
    function get_artist(id_artist) {
        console.log('get_artist('+id_artist+')');
        // Создать URL для подключения
        var url = \"add.php?step=2&search=\" + id_artist;
        
        // Открыть соединение с сервером
        xmlHttp.open(\"GET\", url, true);
 
        // Установить функцию для сервера, которая выполнится после его ответа
        xmlHttp.onreadystatechange = innerPageAddAlbum;
        // Передать запрос
        xmlHttp.send(null);
    }
    function innerPageAddAlbum()
    {
        console.log('innerPageAddAlbum');
        document.getElementById('page').innerHTML = '';
        if (xmlHttp.readyState == 4) {
            document.getElementById('page').innerHTML = xmlHttp.responseText;
        }
    }
    function get_album(id_album) {
        console.log('get_album('+id_album+')');
        // Создать URL для подключения
        var url = \"add.php?step=3&search=\" + id_album;
        
        // Открыть соединение с сервером
        xmlHttp.open(\"GET\", url, true);
 
        // Установить функцию для сервера, которая выполнится после его ответа
        xmlHttp.onreadystatechange = innerPageAddSong;
        // Передать запрос
        xmlHttp.send(null);
    }
    function innerPageAddSong()
    {
        console.log('innerPageAddSong');
        document.getElementById('page').innerHTML = '';
        if (xmlHttp.readyState == 4) {
            document.getElementById('page').innerHTML = xmlHttp.responseText;
        }
    }
    function updatePageUpload(txt)
    {
        console.log('updatePageUpload('+txt+')');
        document.getElementById('uploaded').innerHTML = document.getElementById('uploaded').innerHTML+txt;
    }
    var tmp_name;
    function completeSong(name)
    {
        tmp_name = name;
        
        // Создать URL для подключения
        var url = \"add.php?step=41&name=\" + name;
        
        // Открыть соединение с сервером
        xmlHttp.open(\"GET\", url, true);
 
        // Установить функцию для сервера, которая выполнится после его ответа
        xmlHttp.onreadystatechange = innerCompleteSong;
        // Передать запрос
        xmlHttp.send(null);
        
    }
    function innerCompleteSong()
    {
        console.log('innerCompleteSong');
        document.getElementById('span_'+tmp_name).innerHTML = 'Песня добавлена';
        if (xmlHttp.readyState == 4) {
//          document.getElementById('span_'+tmp_name).innerHTML = xmlHttp.responseText;
//          console.log('span_'+tmp_name);
//          alert(tmp_name);
//          alert('span_'+tmp_name);
//          document.getElementById('span_'+tmp_name).innerHTML = 'Песня добавлена';
        }
    }
    function checkSong(name)
    {
//      document.getElementById('uploaded').innerHTML = document.getElementById('uploaded').innerHTML+txt;
    }
    ";
    //Разделитель скрипта и html
    echo "<js-html>";
    //Вывести форму поиска артиста или группы
    echo "<form method=\"get\"><input type=\"text\" name=\"artist\" id=\"artist\" onkeyup=\"search_artist();\" placeholder=\"Группа\"></form>
    <div id=\"add_artist_list\"></div>";
}
//Действия AJax
if(isset($_GET['step']))
{
    switch($_GET['step'])
    {
    case 1://Поиск артиста
        if(!isset($_SESSION['artist']))
            $_SESSION['artist'] = new artist($_SESSION['db'],0);
        $artist = $_SESSION['artist']->search($_GET['search']);
        foreach($artist as $k=>$v)
        {
            echo "<a href=\"#\" onClick=\"get_artist(".$v['id'].")\">".$v['artist']."</a><br>";
        }
        break;
    case 2://Вывод альбомов
        if(isset($_SESSION['artist']))
            unset($_SESSION['artist']);
        $_SESSION['artist'] = new artist($_SESSION['db'],$_GET['search']);
        echo $_SESSION['artist']->name."<br><br>";
        if(isset($_SESSION['album']))
            unset($_SESSION['album']);
        $_SESSION['album'] = new album($_SESSION['db'],0);
        $_SESSION['album']->set_artist($_SESSION['artist']);
        $albums = $_SESSION['album']->all();
        foreach($albums as $k=>$v)
            echo "<a href=\"#\" onClick=\"get_album(".$v['id'].")\">".$v['name']."</a><br>";
        break;
    case 3://Вывод песен
        if(isset($_SESSION['album']))
            unset($_SESSION['album']);
        $_SESSION['album'] = new album($_SESSION['db'],$_GET['search']);
        echo $_SESSION['artist']->name."->".$_SESSION['album']->name."<br><br>";
        if(isset($_SESSION['song']))
            unset($_SESSION['song']);
        $_SESSION['song'] = new song($_SESSION['db'],0);
        $_SESSION['song']->set_album($_SESSION['album']);
        $songs = $_SESSION['song']->all();
        $form = new form;
        $form->open("add.php?step=4","POST","Опять кури мануалы","\" target=\"upload\"");
        echo "<input type=\"file\" name=\"add_song[]\" multiple>";
        $form->submit("send_file","Добавить");
        echo "<br>";
        $form->close();
        echo "<br>";
        if($songs!=-1)
        {
            echo "Уже загружено ранее:<br>";
            foreach($songs as $k=>$v)
                echo $v['name']."<br>";
        }
        else
            echo "Песен в альбоме не существует<br>";
        echo "<div id=\"uploaded\"></div>";
        echo "<iframe name=\"upload\" style=\"display:none;\"></iframe>";
        break;
    case 4:
        echo "<script language=\"javascript\" type=\"text/javascript\">";
        foreach($_FILES['add_song']['name'] as $k=>$v)
        {
            $tmp_name = explode("/",$_FILES['add_song']['tmp_name'][$k]);
            $tmp_name = $tmp_name[count($tmp_name)-1];
            $f = fopen($_FILES['add_song']['tmp_name'][$k], 'rb');
            rewind($f);
            fseek($f, -128, SEEK_END);
            $tmp = fread($f,128);
            if ($tmp[125] == Chr(0) and $tmp[126] != Chr(0)) {
            // ID3 v1.1
            $format = 'a3TAG/a30NAME/a30ARTISTS/a30ALBUM/a4YEAR/a28COMMENT/x1/C1TRACK/C1GENRENO';
            } else {
            // ID3 v1
            $format = 'a3TAG/a30NAME/a30ARTISTS/a30ALBUM/a4YEAR/a30COMMENT/C1GENRENO';
            }
            $id3tag = unpack($format, $tmp);
            fclose($f);
            if(!isset($id3tag['ARTISTS']))
                $id3tag['ARTISTS']="no artist";
            if(!isset($id3tag['NAME']))
                $id3tag['NAME']="no name";
            $id3tag['ARTISTS'] = str_replace("'","\'",$id3tag['ARTISTS']);
            $id3tag['NAME'] = str_replace("'","\'",$id3tag['NAME']);
['tmp_name'][$k]."\" name=\"name_".$_FILES['add_song']['tmp_name'][$k]."\" value=\"".$id3tag['NAME']."\"><a href=\"#\" onClick=\"completeSong(\'".$_FILES['add_song']['tmp_name'][$k]."\')\">Подтвердить</a><a href=\"#\" onClick=\"checkSong(\'".$_FILES['add_song']['tmp_name'][$k]."\')\">Проверить</a><span id=\"span_".$_FILES['add_song']['tmp_name'][$k]."\"></span><br>');";
            echo "window.top.updatePageUpload('<input type=\"text\" id=\"name_".$tmp_name."\" name=\"name_".$tmp_name."\" value=\"".$id3tag['NAME']."\"><img src=\"img/save.png\" alt=\"Подтвердить\" onClick=\"completeSong(\'".$tmp_name."\');\"><span id=\"span_".$tmp_name."\"></span><br>');";
        }
        echo "</script>";
        break;
        case 41://Копирование и переименование файла из темп в нужную дирректорию
            // /home/post-m/tmp/
            echo "das";
        break;
    }
}
и при вызове в function completeSong(name)
xmlHttp.open(\"GET\", url, true);

div content становится белым, ну и, соответственно, ошибки вылезают, по причине отсутствия div, которые он очищает из-за xmlHttp.open(\"GET\", url, true);.
Очищать не должен. Такое происходит из-за лимита на два одновременно открытых соединения? abort() не помогает :-( что делать?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.12.2014, 20:01
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Ajax: происходит сброс страницы при open(), abort() не помогает (JavaScript):

Не происходит обновление информации в браузере при использовании AJAX - JavaScript
Не происходит обновление страницы при использовании AJAX. Есть такой код. function showProd(str) { if (window.XMLHttpRequest)...

Ajax-подгрузка контента при прокрутке страницы - JavaScript
Всем привет. Я хочу реализовать авто-подгрузку постов в новостной ленте при помощи Ajax запросов, но что-то он отказывается у меня выводить...

window.open() Как это окно заставить при повторной загрузке страницы подниматься на передний план? - JavaScript
Через window.open() (IE5.0) открываю (или гружу страницу в существующее) окно. Как это окно заставить при повторной загрузке страницы...

При подгрузке страницы через AJAX не выполняется Javascript (Jquery border-image) - JavaScript
Сайт: http://*******/4qkDe Если зайти в левом меню на Мера Систем, то изображения уже не будут в рамках (однако если перезагрузить...

AJAX open - JavaScript
var xhr = new XMLHttpRequest(); xhr.open('GET', url); Не могу найти инфы, как прописать путь для локального сервера. У меня...

Как сделать, чтобы при возвращении к списку товаров с ajax подгрузкой, возвращалось прежнее состояние страницы - JavaScript
Добрый день. Есть список товаров на сайте с подгрузкой ajax. если пользователь перешёл на страницу товара, а потом нажал стрелку назад в...

16
Eva Rosalene
Male-to-Female
4049 / 1586 / 242
Регистрация: 06.01.2013
Сообщений: 4,176
Завершенные тесты: 1
29.12.2014, 19:55 #16
KokosSPb, зачем динамически подгружать сами скрипты? Подгружайте данные.
0
KokosSPb
81 / 84 / 3
Регистрация: 03.02.2011
Сообщений: 468
30.12.2014, 14:25  [ТС] #17
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
FraidZZ, Эти скрипты нужны в одном единственном и не всем доступном случае =( Поэтому я их динамически и подгружаю :-(

Добавлено через 13 часов 31 минуту
Так, а он очищает не div#content, а div#page

Добавлено через 1 час 21 минуту
Так, а он почему-то вызывает внутри себя innerPageAddSong когда не нужно =(

консоль отчитывается так
Код
search_artist VM1648:2
3innerPageAdd VM1648:15
get_artist(2) VM1648:21
innerPageAdd VM1648:15
3innerPageAddAlbum VM1648:57
get_album(5) VM1648:64
innerPageAddAlbum VM1648:57
3innerPageAddSong VM1648:78
updatePageUpload(<input type="text" id="name_phpe9YSBY" name="name_phpe9YSBY" value="There's No Other Way"><img src="img/save.png" alt="Подтвердить" onClick="completeSong('phpe9YSBY');"><span id="span_phpe9YSBY"></span><br>) VM1648:86
completeSong(phpe9YSBY); VM1648:93
innerPageAddSong VM1648:78
innerCompleteSong VM1648:108
Uncaught TypeError: Cannot set property 'innerHTML' of null VM1648:109
innerCompleteSong VM1648:108
Uncaught TypeError: Cannot set property 'innerHTML' of null VM1648:109
innerCompleteSong VM1648:108
Uncaught TypeError: Cannot set property 'innerHTML' of null
Добавлено через 2 минуты
но после строчки 10 не должно идти строчки 11, а должна идти строчка 12

Добавлено через 8 минут
в innerPageAddSong()
после выполнения добавил

Javascript
1
xmlHttp.onreadystatechange = '';
и всё пошло
0
30.12.2014, 14:25
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.12.2014, 14:25
Привет! Вот еще темы с ответами:

Сброс роутера не происходит даже при удерживании кнопки сброса в течение 2 минут - Сетевое оборудование
Ребят, не могу сбросить роутер, кнопку держал минуты две - никакой реакции. Может есть способ замкнуть че-то на плате вместо нажатия...

Исчезли каналы в биосе - сброс не помогает - BIOS
у меня операционка установлена на ссд который был подключен к синему разьему (обведен красным) а после того как я переставила провода из...

Намудрил с настройками и потерял доступ к роутеру! ( Сброс не помогает! - Сетевое оборудование
Доброго дня! Сегодня подключили инет по оптоволокну от мгтс и я решил настроить так, чтобы интернет шел от их приблуды в мой роутер Zyxel...

Перезагруежсят комп, потом не включается, помогает только сброс БИОСа нужен совет - BIOS
Сорри много букв :) Доброго времени суток, проблема следующая.. Провёл почти полный апгрейд компьютера, неделю работал почти без...


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

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

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