Without php you can’t send an email. So as per your reference you have to use ajax and php.
In wordpress ajax is little bit different as compared to normal ajax. You can check the link for how to use ajax in wordpress.
https://www.smashingmagazine.com/2011/10/how-to-use-ajax-in-wordpress/
https://www.sitepoint.com/how-to-use-ajax-in-wordpress-a-real-world-example/
Once you call the action inside ajax, in that action you can write your wp_mail.
Let me know if still you are not getting this.
Related Posts:
- Dropzonejs with WPCF7 [closed]
- Contact Form 7 – Uncaught TypeError: wpcf7.initForm is not a function [closed]
- Contact form 7 issue with jquery – hiding/showing fields [duplicate]
- WP AJAX API with JS file
- echo do_shortcode for Contact Form 7 from within dynamically loaded php file
- How do I make Contact Form 7 pop up in thickbox? [closed]
- Multiple recaptcha validation
- Are you sure popup on Contact Form 7 [closed]
- Contact Form 7 submission does not complete [closed]
- Contact Form 7 checkbox to add a new class to a div [closed]
- Contact Form 7 – Submit Form not working After Ajax Request [closed]
- CF7 Populate Text Field Based On Checkbox Checked
- JavaScript sleep/wait before continuing [duplicate]
- JSON parsing error syntax error unexpected end of input
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- What does [object Object] mean? (JavaScript)
- jQuery $(this) keyword
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How to set time delay in javascript
- Disable button in jQuery
- jQuery $(this) keyword
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Disable button in jQuery
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How to wait 5 seconds with jQuery?
- Submit a form using jQuery
- How to Handle Button Click Events in jQuery?
- How to enable CORS in flask
- How can I get the ID of an element using jQuery?
- jQuery equivalent of JavaScript’s addEventListener method
- Should I use .done() and .fail() for new jQuery AJAX code instead of success and error
- Pass request headers in a jQuery AJAX GET call
- $.ajax – dataType
- what does jQuery data() function do
- How to show loading spinner in jQuery?
- How can I get the ID of an element using jQuery?
- What is content-type and datatype in an AJAX request?
- jQuery Selector: Id Ends With?
- speedtest.net api
- jQuery dialog popup
- data.map is not a function
- How do you select a particular option in a SELECT element in jQuery?
- Set select option ‘selected’, by value
- Change Placeholder Text using jQuery
- Adding placeholder attribute using Jquery
- jQuery Ajax error handling, show custom exception messages
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- Jquery change background color
- My javascript is returning this error: $.ajax is not a function
- Best way to store a key=>value array in JavaScript?
- jQuery if div contains this text, replace that part of the text
- Javascript Runtime error: $ is undefined
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- jQuery set checkbox checked
- JavaScript: filter() for Objects
- What is different between $(document).on() and $(element).on()
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- How to use jQuery qTip?
- Installing jQuery?
- Email validation using jQuery
- Order of $(document).load() and $(document).ready() when deferring loading js
- How to write jquery If else statement?
- Wildcards in jQuery selectors
- wait() or sleep() function in jquery?
- Download File Using jQuery
- jQuery: How can I create a simple overlay?
- JavaScript Loading Screen while page loads
- Jquery Ajax Posting JSON to webservice
- Force a default browser on my android phone using a simple html shortcut page
- Invalid or unexpected token on a very simple function
- Ajax TypeError: $.POST is not a function
- How can I display a tooltip message on hover using jQuery?
- Is jQuery $.browser Deprecated?
- Set selected option of select box
- jQuery date formatting
- Copy to clipboard using jquery?
- TypeError: $.ajax(…) is not a function?
- Format date to MM/dd/yyyy in JavaScript
- jquery loop on Json data using $.each
- How is JavaScript .on() method defined?
- how to use substr() function in jquery?
- How to change a text with jQuery
- XML Parsing Error: not well-formed in FireFox but good in Chrome
- Click button copy to clipboard
- jQuery animate scroll
- Rotate image with javascript
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
- What does “async: false” do in jQuery.ajax()?
- How to make html table vertically scrollable
- Yes or No confirm box using jQuery
- How to fix the ‘Missing required request header. Must specify one of: origin,x-requested-with’ Ajax Error
- $ versus jQuery
- jQuery Toggle Text?
- What’s the point of the X-Requested-With header?
- Javascript isnull
- How do I select multiple fields in jq?