Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / JQuery с контентом из *.ashx / 3 сообщений из 3, страница 1 из 1
22.04.2015, 14:11
    #38942564
Программист 3 поколения
Программист 3 поколения
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery с контентом из *.ashx
Создаю модальный диалог используя JQuery Dialog, контент этого диалога формируется в файле
Handler1.ashx, для примера банальный "Hello Word", всё работает, если код вызова диалога
и сам контейнер с диалогом описаны в блоке body, после помещения его в форму (form),
код начинает работать неправильно, диалог показывается с текстом из универсального обработчика
на доли секунды. Я подозреваю, что проблема кроется в том, что страница перегружается.
Никто не сталкивался, в чём может быть проблема?

 
Код страницы
Код: plaintext
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.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication3.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>


<script type="text/javascript">
    $(function () {
        $("#loopform").dialog({
            autoOpen: false,
            height: 200,
            width: 350,
            modal: true,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });

        $("#doit")
                .button()
                .click(function () {
                    GetFromASHX();
                    $("#loopform").dialog("open");
                });

        function GetFromASHX() {
	             $.ajax({
	                type: "GET",
	                url: "/Handler1.ashx",
	                dataType: "text",
	                success: function (response) {
	                    // document.getElementById("counter").innerHTML = "test";
	                    document.getElementById("counter").innerHTML = response;
	                   //alert('success: ' + response);
	                },
	                error: function (response) {
	                   alert('error: ' + response);
	                  // document.getElementById("counter").innerHTML = response;
	                }
	            });
	        }

    });
	</script>

</head>
<body>     
    <form id="form1" runat="server">
         <div id="loopform">
	        <span id ="counter">Loop counter is going to go here</span>
        </div>
       <button id="doit">Do It!</button>  
    </form>    
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2015, 14:04
    #38951794
пробегалло
пробегалло
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery с контентом из *.ashx
Программист 3 поколения...Я подозреваю, что проблема кроется в том, что страница перегружается .... в чём может быть проблема?
....1. Пррально подозревашшь.
2. Проблема - отсутствие "азов".

Замени <button ... на <input type="button"... или в клике перед GetFromASHX(); поставь e.preventDefault(); (только передай в анонимную функцию объект события e).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2015, 22:11
    #38953095
Программист 3 поколения
Программист 3 поколения
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery с контентом из *.ashx
пробегалло,

К вечеру, я понял, что проблема в типе кнопки, спасибо )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / JQuery с контентом из *.ashx / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]