Questions tagged [ajax]

AJAX (Asynchronous Javascript And XML) is a popular technique for creating interactive websites, though other technologies (e.g. JSON) are often used instead of XML.

Filter by
Sorted by
Tagged with
12 votes
1 answer
18k views

Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)

The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
Hrvoje Golcic's user avatar
2 votes
1 answer
797 views

Design pattern for dashboard components and state refresh

I'm building a SPA with React as the front end. It basically consists of a dashboard-like page with 3 separate (but semi-connected) components. The components are: a messages/notifications area - ...
Daveh0's user avatar
  • 191
2 votes
1 answer
232 views

"Shopping cart" without ajax

I am looking for a way to implement a "shopping cart" like functionality while balancing "user experience" and software quality. In my case I have a classroom with students and need to handle the ...
Vanity Slug - codidact.com's user avatar
1 vote
1 answer
722 views

How to tell a user about an error after clicking a button?

I'm sending an AJAX request to refresh the blog page with posts that apply to certain a category. How do I tell a user that his request failed? Should I tell him exactly why it failed(error, internet ...
Open up's user avatar
  • 93
3 votes
2 answers
2k views

What to do when loading is TOO fast? [duplicate]

On slow connections (or if the server is randomly slow for some reason) it makes sense to have loading indicators. But when the connection is good, the req is too fast and the loading looks horrible. ...
Dylan Harness's user avatar
2 votes
3 answers
255 views

Back to Posts Page from a Post that belongs to page 2. Load page 1 or 2?

I have a Portfolio website where Single Posts (an image and a description) load from the front page dynamically and the Browser address updates. In the front page (or index) I have first 20 posts and ...
Alvaro's user avatar
  • 16.8k
4 votes
1 answer
403 views

Loading pages with AJAX. Should the browser address change when the user calls the content or once it arrives?

I am loading pages using AJAX and changing the browser address bar accordingly for a smooth experience. My doubt is if the browser address bar should change when the new page is called by the user (...
Alvaro's user avatar
  • 16.8k
1 vote
2 answers
118 views

AJAX loading vs. "hardcoded" comments - is there any advantage of one above the other?

Because of certain reasons, I'm sometimes tied to an extremely slow internet connection. What I realized with this, is that certain sites (for example, any subdomain of blog.hu) works in a way that ...
Zoltán Schmidt's user avatar
0 votes
2 answers
210 views

Creating real time experience without blocking ui

I have an edit text and a list showing a set of tags. When a user enters a tag in the edit text 2 things happen: First, a request is sent to backend to store that tag. Second, that tag is added to the ...
Mehrdad Shokri's user avatar
4 votes
5 answers
1k views

Should items filtering be combined with dynamically loaded items (load more)? If so, how?

I've run into this design pattern a few times: You have a grid of items with X number of items loaded by default. You have filters that will add/remove (hide/show) items from the grid You have a ...
gdaniel's user avatar
  • 271
2 votes
2 answers
570 views

How and when to notify user of AJAX call error/exception

I'm working on a website in ASP.NET that loads the page, before doing an ajax call through javascript to get the actual data from the database (and show it inside a table most of the time). However, ...
Alexander Derck's user avatar
3 votes
1 answer
1k views

How best to show a document preview

I have a fairly basic web form that gathers information such as name, address, description, yada, yada. I have to do a rewrite and so am wondering what the best practice currently is to show a ...
Connie DeCinko's user avatar
44 votes
4 answers
5k views

Why show the user 'There are n updates since page load, refresh to see them' rather than adding new data

On a page which features a list of items (such as stack overflow questions or quora), the site often polls for data but instead of displaying that data it instructs the user to refresh the page to see ...
Tom's user avatar
  • 575
5 votes
2 answers
2k views

Why is form submit preferred over AJAX for login forms?

Google, Facebook, Twitter, Amazon, and Stack Overflow, among many others, use form submits with full page reloads instead of AJAX on their login forms. I saw this question (When should I use AJAX to ...
flurry's user avatar
  • 153
2 votes
1 answer
456 views

Single Loader Icon vs Multiple Loader Icons

Consider a page with multiple sections , the content of each section is loaded async via ajax once the user has reached the page. Current implementation demands that a loader icon , such as a spinner ...
semuzaboi's user avatar
  • 329
6 votes
4 answers
6k views

Best way to display errors to users who encounter an internal server error

(User Flow: user try to submit a form request) Should I display the "Internal Server Error" message? Is there any message that understandable to user rather than saying "Internal Server Error"?
marx's user avatar
  • 171
2 votes
1 answer
102 views

JavaScript driven apps that don't use hyperlinks for most actions. Isn't is super annoying? [closed]

I see a glaring issue in many popular implementations of the modern web app -- not using hyperlinks for all actions. Steam is definitely the worst offender I have experienced so far. If you have ever ...
Smith's user avatar
  • 129
2 votes
3 answers
131 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
John John Pichler's user avatar
4 votes
1 answer
861 views

What are some accepted styles of Greeking for loading content?

There's a technique that Facebook uses in their Timeline where it'll show fake "content" blocks while it's waiting for the real content to load. From a distance, it looks like the content has already ...
Ryan Kennedy's user avatar
2 votes
1 answer
158 views

Some ajax vs full ajax and user feedback

I'm sorry if this is a duplicate, but I have yet to find a solution for this specific scenario. We have a Rails application where most forms use a regular form submission. However, we also have ...
Martin Folkeseth's user avatar
0 votes
1 answer
569 views

Dealing with captive portals on rich web applications

I'm working on a web application that contains a number of (form) steps in which customers make a series of choices, resulting in a search result at the end. The form is implemented as a single-page ...
Michel Jansen's user avatar
0 votes
2 answers
229 views

Pop-up overlay in a calendar?

We have a calendar page in our web application that displays appointments (we know all users and train them), optimized for the following use cases: Add a new appointment (by clicking the time) ...
PeerBr's user avatar
  • 217
0 votes
2 answers
110 views

Cycling status links

Our web application has a calendar page which shows details of appointments. We train all users, but they are generally not tech-savvy. These appointments have one of several statuses: open ...
PeerBr's user avatar
  • 217
2 votes
4 answers
673 views

Why does Google Calendar use a RED 'Loading...' overlay

I've noticed that Google Calendar uses a red Loading... overlay in the top righthand corner on Ajax actions (e.g. opening a calendar item): I know that Google, being Google, have redefined the usual ...
Cornel Masson's user avatar
0 votes
1 answer
332 views

What is a better way to populate values for fields in web forms?

I am designing a web form. In the form, there are several fields, values of which are dependent upon a key field. I have 2 options to present the form to the user. 1) Make the user do a search on the ...
user2125853's user avatar
5 votes
3 answers
2k views

Best practices for inducing AJAX application front-end refreshes

I develop and maintain several web applications for internal use at my company. They are all PHP/MySQL-based with HTML/JavaScript front-ends utilizing jQuery and various plugins for UI elements, grid ...
Matteo C's user avatar
1 vote
1 answer
1k views

Implementing Undo/Redo in a Web Application that uses Ajax

The web application I'm working on aims to emulate traditional desktop applications and I'm finding it a challenge to implement Undo/Redo in this environment. Undo/Redo has been in the specs since ...
Landstander's user avatar
2 votes
3 answers
2k views

Ajax file upload error handling and processing logic

Suppose I have a form with the following user flow: User selects value from select list File upload field appears User selects files to upload As soon as the selection is made, files start to ...
ron's user avatar
  • 23
25 votes
2 answers
26k views

When should I use AJAX to submit forms VS regular page submit

Edit: in addition to the earlier edits below about points being moot if you're doing an SPA, this entire question becomes essentially moot with the use of progressive enhancement SSR frameworks like ...
jinglesthula's user avatar
0 votes
2 answers
62 views

Live Award Winner Announcements [closed]

In a couple of months we have an international awards ceremony to hold, and would like some way of announcing the winners, in real time, on-line via our website for people who are not at the ceremony. ...
mpdc's user avatar
  • 335
7 votes
4 answers
2k views

Is there any good reasons to stick with full page refreshes any more

For a couple of years now we have been living with Ajax and other similar web 2.0 techniques in order to ask for or send content without refereshing a whole page. It's pretty standard in slideshows, ...
Tony Bolero's user avatar
  • 7,304
3 votes
0 answers
394 views

Are Youtube style loaders the next big UI trend? [closed]

Given that we are in an age where there are a lot of single page applications and AJAX calls are abound, are youtube style AJAX loaders a good replacement to the loading gifs? Its such a simple ...
Vinay Raghu's user avatar
6 votes
1 answer
231 views

Should we fake succesful form submit, display result and then revert if some conditions are not met?

Like on Stack exchange, when you try to vote up your question, it appears like you successfully voted, count goes up and vote up button highlights, but then when form actually completes submitting ...
formatc's user avatar
  • 401
24 votes
3 answers
5k views

What is a user friendly way of preventing users re-submitting / editing a form while it is submitting?

What is the most user friendly way to block user input to form while form is submitting that can be reused i.e. so I don't have to implement it for each form? For forms with only buttons (I have ...
formatc's user avatar
  • 401
0 votes
2 answers
1k views

Form and inputs - ajax vs client side validation [closed]

i'm wondering why i have to validate forms on client side while they anyway need a server side (ajax) validation for not being hacked? IS there any benefit on having both client side and server side (...
itsme's user avatar
  • 191
1 vote
1 answer
296 views

Float button position

I have a register form where the user can select the type of registration, for example, 'Solo Artist' and 'Band', when the user select one of them the register form is loaded ('Register' button is at ...
Fernando Montoya's user avatar
8 votes
2 answers
1k views

How to load long-time-taking content?

We have a page that takes very long to load (approx. 15 seconds, might be even more for some clients) as the data it generates is heavy and slow. While we are trying to directly speed it up, 15 is ...
casraf's user avatar
  • 218
3 votes
2 answers
293 views

When going back to previous page may cause disorder

Let's suppose a page listing items whose URL would be: /items. Its content is loaded through Ajax at the page's initialization time, thus not directly populated on server initially. Each item ...
Mik378's user avatar
  • 570
3 votes
2 answers
150 views

Creating new item with ajax

If I have a form which is used for creating data which will be displayed on the same page, I'm unsure how I should present the new item upon creation. The scenario; an item is created, post data sent ...
Robin Castlin's user avatar
1 vote
1 answer
264 views

Combination of AJAX and page refresh when updating content. Will it confuse the user?

I am making a web family tree that will allow users to update biographies that they view in the tree. If they are updating the user's name of a specific biography, it will simply replace the value on ...
Jacob Raccuia's user avatar
4 votes
2 answers
151 views

Vocabulary for a common interface bug

As I am building more sites with more asynchronously-loaded features, I am running up against a certain type of negative effect, which I am also finding quite a lot while browsing the web: 1) User ...
Faust's user avatar
  • 160
0 votes
3 answers
1k views

Should we load Overlay with loading icon for Ajax loading page?

I am working on an Ajax loading filters for an e-commerce site. On the first page request we load the common html (header, footer, other common contents) as a part of first request and then make ...
Krunal's user avatar
  • 125
-1 votes
2 answers
445 views

Best scenarios to use ajax [closed]

I'm building a website application where users post contents using a form similar to blog-entry forms, this form allows uploading of files, has a wysiwyg editor, etc. Now since it will be posting a ...
whastupduck's user avatar
2 votes
0 answers
54 views

ajax vs button(action) submission for configuration/option settings [duplicate]

I read this post (ajax checkboxes vs submit button) on a similar topic and I am at an impasse. I've noticed a move towards active changes for configuration and settings in applications for all sorts ...
Hardrada's user avatar
  • 121
15 votes
3 answers
4k views

Single or Multi page web application

Is it better UX wise, to build a web application with traditional multi-page transitions or to have a single page application where the other components of the page use AJAX and jQuery to load content ...
edocetirwi's user avatar
0 votes
1 answer
355 views

Loading image vs full page post back?

If I have a large table of data that when sorted take like 5-10 secs to sort, is it a better UX to just do a page post back or better to add a loading image and use ajax call?
Stokes's user avatar
  • 3
6 votes
2 answers
938 views

How to style a button - AJAX vs Hard Refresh?

When I'm casually surfing the internet, I stumble upon random buttons that I'm not really sure if they're going to open up a modal or just slide down a div so I just get scared of clicking them in ...
Wololo's user avatar
  • 219
3 votes
5 answers
1k views

Showing a loader for longer than required because it looks good?

I have a website whereby lots of the loading/posting to a database is done with ajax. At the moment there are no loading screens. As such, if something breaks, the user has no idea that anything was ...
Thomas Clowes's user avatar
4 votes
3 answers
301 views

How to provide a visual indication that user needs to enter at least a few characters before an ajax search begins?

We have a large amount of users (e.g. a couple of millions) and we would like to start searching only after the user types in 2 characters or more. What visual indication can be provided to users in ...
Rpj's user avatar
  • 411
11 votes
9 answers
4k views

What to display while waiting for a process (4-5 seconds) to complete?

We realized that in some cases the user may be waiting up to 4 or 5 seconds (depending on connection) for their form (or some action) to be processed. The form involves getting data from other servers ...
Parris's user avatar
  • 213