Добавление ajax / json в базу данных и значок «ожидание выполнения операции» - PullRequest
1 голос
/ 20 апреля 2010

У меня есть часть на моей странице, которую я хочу улучшить. Это загрузка файлов, в которую пользователи могут добавлять свои контакты из таких файлов, как Excel, CSV и Outlook. Я читаю контакты и помещаю их в базу данных, поэтому я хотел бы, чтобы у меня была обычная иконка, которая вращалась во время выполнения этой операции. Ajax? Я не хочу индикатор выполнения для загрузки файла, но операция для чтения файла

РЕДАКТИРОВАТЬ: Я хочу знать, как заставить это работать с добавлением в базу данных, используя ajax как я должен использовать панель обновления? как я могу комбинировать обратный вызов ajax с вращающейся иконкой

Спасибо

Ответы [ 3 ]

2 голосов
/ 20 апреля 2010

Вы можете создать свой собственный значок вращения на www.ajaxload.info . Если вы объедините его с плагином jQuery BlockUI , вы сможете отобразить свой собственный модальный экран ожидания.

0 голосов
/ 20 апреля 2010

Если вы используете asp: fileupload, вы можете сделать пару вещей.

Воспользуйтесь тем, что asp: fileupload загружает файл немного времени, а также выполняет постбэк.

1) поместите событие onclick на стороне клиента для кнопки «upload», которая будет отображать вашу крутую графику и выдать сообщение «файл анализируется и добавляется в базу данных». 2) поместите событие onclick на стороне сервера для кнопки «upload», которая загрузит файл, проанализирует его и вставит записи в базу данных. 3) после завершения щелчка на стороне сервера происходит остаток жизненного цикла страницы, и пользователь получает новую страницу, возвращенную им. И когда браузер получит новую страницу, вращающаяся графика больше не будет видна.

Это не позволит вам изменить сообщение во время загрузки, но это быстро и просто.

Альтернативой может быть просмотр jquery и выполнение некоторых вызовов ajax.

0 голосов
/ 20 апреля 2010
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...