JavaScript, AJAX & the Profiler

Thanks for posting your solution! I was making the same exact mistake

Hey Artem!

Thanks for posting your fix - I'm glad you figured it out :).

Cheers!

Hi @Brentspine!

Sorry for my slow reply! Yea, this makes sense - it's safer to wrap in $(document).ready(function() { because it will "always" work vs mine, which depends on the placement of script tags, etc. These days, putting this logic inside of a Stimulus controller is EVEN better, but 👍 for what you have.

Cheers!

Hey @Maxenor

The file question_show.js lives in the public directory and it's just not possible to import other files, Browsers does not work that way. You need to user Symfony Encore or something similar to manage your JS assets
I recommend you to watch our course about it: https://symfonycasts.com/screencast/webpack-encore

Cheers!

POST http://127.0.0.1/comments/10/vote/up 404 (Not Found). So I've found in the javascript file that if I write url: '/comments/10/vote/'+$link.data('direction'), the url is the one.. I have no clue where and how to fix this, I have copied the code from the site.

That's odd. The first thing I would do is to double-check that the route exist by running bin/console debug:router.
If the route exists, then, it's possible that the comment with id = 10 does not exist in your database. And finally, if that's not the case, perhaps the "up" direction is not allowed?

Cheers!

Hey Shorsh

It's not easy to detect the bottle neck of your request here but at least I can list a few things to consider
- If you're on Windows or WSL it's normal
- The first time you make a request to your app (after changing a file) it's slower than usual but the subsequent request should be faster
- What webserver are you using?
- Try creating a new Symfony project and check how much time does it take to process a request

Cheers!

Oh maybe it's the one about Windows, i'm using the Symfony Local Server v4.23.0.
Yeap, that's one of my issues actually, if i install a new project using any of the symfony commands on my cmd, it takes forever, like 15 more times than it takes on your computer, so i have to use the composer create-project symfony/website-skeleton my_project_name , because if i create a project with "symfony new my_project" it can take around 1 or 2 minutes to create it.

Yeah, Windows always causes troubles. Are you on WSL 2? because that version has an horrible performance on folders under GIT

Nope, i'm not using WSL, i just fixed my performance issue and went from 528ms to 202/212 which is really good.Installing OPCache and APCu made a huge impact on performance i guess, also setting up the realpath_cache_size = 4096k to that number as is specified in the performance guide helped a lot.
For windows users, just follow that guide and it will increase performance significantly.

In my case, i had to specify these 2 settings at the bottom of my php.ini to make it work.
First added these 2 lines so php can find the opcache.dll:

extension=php_gd2.dll
zend_extension=php_opcache.dll

second, i had to download APCu from the official website and dragged the .dll to my EXT directory inside PHP's folder, then, added this to my php.ini file:

[apcu]
extnsion=php_apcu.dll
apc.enabled=1
apc.shm_size=32M
apc.ttl=7200
apc.enable_cli=1
apc.serializer=php

Awesome! Thanks for sharing your findings Carlos J.

Hey Olli,

Did you download the our course code and start from the start/ directory? Or are you following this course on your own project?

If you have problems with calling that .on() method - most probably the object on which you're calling it is a different object. For jquery we use https://code.jquery.com/jqu... link, do you use the same link with the same version? If no, could you try to use the exact same version of jQuery we have in this screencast? Also, try to execute "console.log($)" in your question_show.js file and see if it's a jQuery object. Probably you need to call "jQuery" instead of "$" in your code. And please, make sure that you include this question_show.js file *after* the jquery include in the base layout and not before it. Does anything from this help?

Cheers!

Hi Olli!
I seem to have the same or similar problem. I tried to log the $container and it seems like it isn't found. Is yours empty too Olli?
Worked around this by putting everything in a function called on window load and searched for the element by class, but die click functionality is still not working.
Maybe this additional information helps that someone got a fixing idea.

Yes, object with length 0

{
  "length": 0,
  "prevObject": {
    "0": {
      "location": {
        "href": "http://127.0.0.1:8000/questions/Reversing-a-spell#",
        "origin": "http://127.0.0.1:8000",
        "protocol": "http:",
        "host": "127.0.0.1:8000",
        "hostname": "127.0.0.1",
        "port": "8000",
        "pathname": "/questions/Reversing-a-spell",
        "search": "",
        "hash": ""
      }
    },
    "length": 1
  }

Hi Remi!

Do you see any errors in the console? If the code doesn't execute at all (assuming jQuery is installed), I'd say you might have a typo on the HTML, specifically the classes that jQuery uses to find the elements and assign the click event. (notice that for this to work, the wrapper div must have the class js-vote-arrows

But this is just a guess! You will have to check and debug your code to find where the issue really is!

Thank you for your answer, I just have wrote '_' instead of '-' in the class name in html<> ....
Your tutorial is very nice. Thanks for your time !

Hey Ngan-Cat ,

Thank you for this feedback! Yeah, parent() function is pretty useful to add some content or create a wrapper :)

Cheers!

Hey @Sonali!

Hmm, that's a good question! Let's see if we can figure it out :). Try running this at your terminal:

php bin/console debug:router

In the list, do you see the route that you're looking for? If not, then there is somehow a problem with your @Route annotation. If you do see it on the list, does the URL match what you're putting in the browser?

Let me know! I'm sure it's something minor :).

Cheers!

Hey Thomas Bisson

The value of votes changes dynamically. I believe there's something funny on your Javascript code. You should replace the content of the element with the new votes total

Cheers!