Fix CakePHP 4 Ajax Issues

I am currently experiencing a critical issue with my web application that employs CakePHP version 4. For some reason, none of the Ajax requests within the application are executing properly. This is hindering the dynamic aspects of the application, affecting both the retrieval and sending of data to the server.

### Ideal Skills and Experience:
- Strong knowledge in CakePHP (specifically version 4)
- Expertise in Ajax and JavaScript for dynamic web applications
- Proven experience in diagnosing and resolving Ajax request issues
- Ability to work efficiently to troubleshoot and implement necessary fixes

### Specific Requirements:
- Diagnose why Ajax requests are not working within the CakePHP 4 environment
- Address and fix issues related to both sending and receiving data via Ajax
- Verify that dynamic content loading is functioning correctly post-fix
- Recommend best practices for Ajax implementation within CakePHP to prevent future issues

I am seeking a freelancer with a solid background in both CakePHP and Ajax to resolve this problem swiftly and efficiently. Your application will be highly regarded if you've previously worked on similar issues or have a substantial understanding of Ajax within web frameworks like CakePHP.

In the AJAX request the beforeSend method has been executed and the is no any error in the console, there is no any request in the network tab occured.Finally the below mentioned ajax request is not working.