Cover of the book Symfony 5: The Fast Track

Symfony 5: The Fast Track is the best book to learn modern Symfony development, from zero to production. +300 pages showcasing Symfony with Docker, APIs, queues & async tasks, Webpack, SPAs, etc.

  1. Home
  2. Blog
  3. New in Symfony 4.1: Ajax improvements

New in Symfony 4.1: Ajax improvements

April 19, 2018 Avatar of Javier Eguiluz Javier Eguiluz

Warning: This post is about an unsupported Symfony version. Some of this information may be out of date. Read the most recent Symfony Docs.

A simpler way to test Ajax requests

Contributed by
Hamza Amrouche
in #26381.

The BrowserKit component used in Symfony functional tests provides lots of utilities to simulate the behavior of a web browser. In Symfony 4.1 we've added a new utility to make Ajax requests simpler: xmlHttpRequest().

This method works the same as the current request() method and accepts the same arguments, but it adds the required HTTP_X-REQUESTED-WITH header automatically so you don't have to do that yourself:

1
2
3
4
5
6
7
// Before
$crawler = $client->request('GET', '/some/path', [], [], [
    'HTTP_X-Requested-With' => 'XMLHttpRequest',
]);

// After
$crawler = $client->xmlHttpRequest('GET', '/some/path');

Improved the Ajax panel in the debug toolbar

The first minor but noticeable change is that the link to the Ajax request profile has been moved to the first column of the table, so it's easier to click on it.

In addition, when the Ajax request results in an exception (HTTP status of 400 or higher) the profiler link points to the exception profiler panel instead of the default request/response panel:

In any case, the biggest new feature of the Ajax panel is that requests now display their duration in real-time, so you always know which requests are still pending to finish:

Help the Symfony project!

As with any Open-Source project, contributing code or documentation is the most common way to help, but we also have a wide range of sponsoring opportunities.

New in Symfony 4.1: Ajax improvements symfony.com/blog/new-in-symfony-4-1-ajax-improvements

Tweet this

Comments

Pascal MONTOYA said on Apr 19, 2018 #1

Great features! Thanks

Piero Recchia said on Apr 19, 2018 #2

Awesome

Wiktor Liszkiewicz said on Apr 19, 2018 #3

Great ! :)

David Sanchez said on Apr 19, 2018 #4

Great job! Thanks

Khaled ADALA said on Apr 19, 2018 #5

Great job! thank you

Stéphane BOURSE said on Apr 19, 2018 #6

Love it,thxs

Matthieu said on Apr 19, 2018 #7

Great features ! Thanks

Matt said on Apr 20, 2018 #8

Live AJAX updates are great! Would love to see DB query counter increase dynamically, too. So I know if my AJAX is causing 1,000,000 DB calls per load :)

Oliver THEBAULT said on Apr 29, 2018 #9

Thanks \o/

Note: There's a typo in the first contribution: "HTTP_X_REQUESTED_WITH" should be "HTTP_X-REQUESTED-WITH" like in the code block.

Samuel QUIFOUMA said on Apr 30, 2018 #10

Nice ! Thank you team !

Javier Eguiluz Certified said on Apr 30, 2018 #11

@Oliver fixed! Thank you.

Comments are closed.

To ensure that comments stay relevant, they are closed for old posts.