Skip to main content

Questions tagged [ajax]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
25 views

Add to cart via Ajax (sometimes) results in abandoned carts and invalid CSRF

In Craft Commerce, I am using the Blitz Cache plugin. My "add to cart"-button uses ajax to add the product to the cart. This is the twig-code for the form: <form method="post" ...
9 votes
2 answers
8k views

How can I use CSRF protection with AJAX routes?

I have CSRF enabled on my install. I have a bunch of frontend forms so CSRF is pretty important for me. However, when I use AJAX to post to a controller action I get the following error. <div id="...
1 vote
1 answer
90 views

Saving custom fields of user with Ajax request

I am using an Ajax (POST) request to update the current user profile. So far I can successfully update the user fields (like fullName) but I cannot seem to update custom fields. I have tried adding ...
1 vote
1 answer
63 views

How to make AJAX request to controller inside module?

Created a new module to receive form values and process API in Craft CMS 4. How to make an AJAX request to access a controller in my module? module name - giftcard controller - GiftCardController ...
1 vote
2 answers
90 views

Update Craft Commerce cart with ajax

Have been trying to get cart updates via ajax. I've looked at this answer: 'https://craftcms.stackexchange.com/questions/17347/update-commerce-cart-using-ajax' My cart seem to update ok but I can't ...
5 votes
1 answer
3k views

Update Commerce Cart using Ajax

Is there a way to update the cart using ajax? I've tried something like: $('span.quick-cart-add>p>a').click(function(e){ e.preventDefault(); var data = {}; ...
2 votes
1 answer
191 views

How to use ajax call to retrieve data from craft cms entries to use in php application

I'm building a static webpage with php and Javascript. I have setup all my data in craft cms entries. I want to use ajax to retrieve the data from craft and just display it on my webpage. How do I do ...
1 vote
1 answer
39 views

Ajax increment seq

I think this is the last issue that I have on my dev site before going live. In index.twig I'm outputting the latest articles, some of them are duplicated. In the footer I'm having popper.js tooltip ...
1 vote
2 answers
2k views

Load More Entries Button

I am trying to make my entry loop have a load more button, and not sure how to do it. I tried the method from http://craftsnippets.com/articles/infinite-scrolling-and-lazy-loading-with-craft-cms but I ...
1 vote
1 answer
99 views

Ajax response no longer returns true after updating to craft 4

I have a project that was initially built in Craft 3 and I'm upgrading it to Craft 4. I leverage ajax on one of the pages to save data to a user in the CMS. The following code worked in Craft 3 but no ...
2 votes
1 answer
105 views

Ajax form submission forbidden error on custom plugin

I am submitting form data to 3rd party api through a custom plugin using fetch. Im setting CSRF token in form like: <input type="hidden" id="subscribe-modal-token" name="{{...
0 votes
1 answer
2k views

fetch post request to plugin shows payload empty when sent as json stringify

When i send body: JSON.stringify(formData) to my plugin controller the payload is empty. When i send just as body: formData then the payload is there but json_decode(Craft::$app->getRequest()->...
5 votes
2 answers
7k views

How to load entries via ajax when a filter is clicked?

I have a page that lists all entries from the section 'work'. I would like the user to be able to filter these entries by category but via ajax so I don't have to go to a new page. {% set entries = ...
0 votes
0 answers
219 views

Ajax entry save error 403

I have a front end form submitting via ajax that was working fine. Im now starting to see 403 exception - something craft is now forbidding. There is no error in the response object. I have the ...
1 vote
1 answer
69 views

Craft 3 paginate not working when fetched with a controller

I'm loading a paginate via Craft::$app->getView()->renderTemplate(), this is being executed within a controller. But my pageInfo.nextUrl is now the url of my controller (/actions/controllername/...
1 vote
1 answer
318 views

How to save an entry using AJAX on a frontend Form [ for registered users]

I'm having a follow button on the front end it allows you to save an entry to a specific section (type: channel) and it's all working great, but i need to achieve this with AJAX This is my Form {% if ...
1 vote
1 answer
59 views

How to create a follow system "button" for "Event" entries?

First of all, Please excuse my English Q: I have a section called "Events" And and has some entries On the front-end i have a list of card "Events" and each card has a "...
4 votes
2 answers
2k views

Front end login form with ajax

Im trying to get a front end login form to work over ajax and running into issues, it seems to always pass back success and not sure how to actual make sure the cookie gets created and the user is ...
1 vote
1 answer
257 views

Loading JavaScript on Template Load

I'm working on a kiosk-type plugin which will cycle through all news entries, beginning upon template (or page) load. It needs to load a JavaScript ajax script for this on page/template load. Would ...
1 vote
1 answer
408 views

Ajax Contact Form not sending with Error 400

Hi I have I'm using Craft CMS 3.1.21.1 with the Contact Form plugin version (2.2.4) and Contact Form Honeypot plugin (1.0.2) along with jquery 3.2.1 on the site. Whenever the form is filled out and I ...
2 votes
1 answer
433 views

Ajax pagination in Craft

I followed this tutorial here on how to paginate without reloading the page: http://craftsnippets.com/articles/dynamic-pagination-for-craft-cms it uses Ajax to load in pagination without re-loading or ...
1 vote
1 answer
765 views

Output javascript inside twig variable

I am using the Enupal Stripe Payments plugin to pass line items to Stripe. The line items get passed in an array. I want to use a javascript cart to hold the items in local storage, reformat that and ...
5 votes
4 answers
1k views

How can I set the HTTP status code?

I'm trying to set a 404 HTTP status response code for an ajax controller action in a plugin. Yii has a response object where the code can be set, but I can't find a way to access it from craft.
1 vote
3 answers
154 views

Get a list of countries available for shipping with Ajax in Craft Commerce

I need to fetch a list countries available for shipping in Craft Commerce. The problem is that I use decoupled frontend on Nuxt.js and I need fetch it with Ajax call and not with the twig code. I ...
1 vote
1 answer
159 views

Searching for a way to add products to cart and sending the csrf token with ajax

Searching for a way to add products to cart and sending the csrf token with ajax This is my current code; $('.add-to-cart-form').on('submit', function(e) { e.preventDefault() ...
1 vote
1 answer
332 views

Craft Commerce 3 Decrease line Item qty by one?

I may be missing something obvious but I'm trying to update a +/- quantity button system for adding products to work on Craft Commerce 3 The desired functionality is that click '+' increases the cart ...
3 votes
3 answers
1k views

Filter entries with AJAX

How would I sort blog entries displayed using AJAX? What I want to achieve is initially show all posts from a channel (All) but then let my users sort through these posts with a sub navigation using ...
1 vote
1 answer
85 views

Plugin development - How to access actions?

I have a simple controller in /craft/plugins/craft-dns-notifier/src/conrollers/DnsNotifierController: namespace kokesjan\dnsnotifier\controllers; use craft\web\Controller; class ...
-1 votes
2 answers
322 views

Multiple jQuery $.ajax() calls from one template

I would like to make multiple Ajax calls from my index.html. One call comes from $(document).ready() function. Second one is invoked from .on("click") event outside the $(document).ready() ...
1 vote
1 answer
87 views

Ajax request returns code instead of result of the query (solved)

I'm trying to answer my own question in this post Basically, I have a bunch of checkboxes in multiple categories and when clicked, I want to use Ajax to filter the results and show them on the same ...
2 votes
1 answer
261 views

Front End Entry Form - File/asset field not saving when ajax submitted

I have a front end entry form which submits and saves fine when not using ajax. But when i do submit via ajax the text fields etc save fine but the file/assets field will not. I have stripped it right ...
2 votes
3 answers
943 views

How can I use Ajax function in Craft CMS?

I want to do an autocomplete search engine on my website. But I don't know how to use Ajax in Craft CMS. How can I set an Ajax function in Craft CMS templating? The search engine must have dynamic ...
2 votes
1 answer
1k views

Dynamically populating select input fields using jquery $.load and twig template

EDIT: the below code now works! I have two select inputs, the choice of 1 should populate the second. I have an external twig file (data.twig) (MAKE SURE TO PUT THIS IN YOUR TEMPLATES FOLDER) that ...
0 votes
0 answers
67 views

Load Entries after click (AJAX)

I try to load a entry after a button is clicked, currently my code looks like this: This is generating a 404 error. Dunno why? <?php /** * PopUp plugin for Craft CMS 3.x * * test * * @link ...
2 votes
1 answer
1k views

Contact Form AJAX not working in Craft 3

This is my first Craft website, and after trying out Craft 2 I decided it would be a good idea to have move my site to Craft 3 for longevity. I used to the free Contact Form plugin and managed to ...
2 votes
2 answers
2k views

How to do an ajax submission to Craft Contact Form with attachments using FormData?

JS .on('submit', '#application-form', function(e) { e.preventDefault(); var form = $(this), formData = new FormData(form[0]), msgBox = form.find('.msg-box'), ...
0 votes
0 answers
220 views

Contact form plugin ajax submit URL not working

I am using contact form plugin for forms in my craft website. For avoiding page redirection, I followed ajax submit for the form, but it is not redirected to controller code. My form is as below:- ...
2 votes
2 answers
999 views

How could I include another template on a click with ajax?

I am a newbie with ajax and I have to display a template only when clicking on a button. This template is weighing and it will be on all pages, so I want to use ajax. Someone can help me?
4 votes
2 answers
1k views

Twig Filter in Plugin/PHP?

Is it possible to access twig filters in a plugin? I want to be able to preview how text will look in a textarea using Markdown for a discussion board, it'd be awesome to use ajax to send the content ...
10 votes
5 answers
17k views

Updating a user on the front end with Vue.js and Axios

I currently have a working profile update form using purely craft but I would like to now enhance that using Vue and Axios to update via Ajax. I may well submit a couple of questions rather than put ...
1 vote
1 answer
241 views

AJAX Update Entry (500 Internal Server Error)

I'm trying to update an entry on the front end with a click and without a form. I'm a bit new with AJAX but would love to simply put a new title for the entry that the button relates to. I'm currently ...
1 vote
0 answers
71 views

Sprout plugin: Send information in AJAX success response

I'm using Sprout for registering to events, I want to be able to send a code in the AJAX response when EVENT_AFTER_SAVE occurs. At the moment, I get {success: true} back, but I want to be able to get {...
1 vote
1 answer
1k views

Ajax Post to Plugin Controller

I have been stuck on trying to make an ajax call to a custom plugin controller in Craft 2 for a few days after trying everything from following the documentation for Craft 2 as well as looking up ...
1 vote
1 answer
500 views

CSRF token is null or empty in craft 2

I'm having an issue with Craft 2.6 and the CSRF token. I enabled Csrf Protection in my general.php file by adding this line $config['*'] array so it looks like: $config['*'] = [ ... '...
2 votes
1 answer
2k views

CSRF in “Headless” Applications

There are a number of answers here about how to send CSRF tokens along with AJAX requests, but I think my question is a little different. Please excuse the abstractness here: In a headless ...
1 vote
0 answers
293 views

XMLHttpRequest Craft Commerce Cart Update Issues

When using XMLHttpRequest to update cart like the following, I get a 500 error for 'lineItems': {[lineitem]: {'qty': value}} (and also {[lineitem]: {'remove': true}}, any other submission works); var ...
1 vote
1 answer
814 views

Ajax post request front-end csrf token

I'm trying to make a simple post request with ajax to a controller in plugin. The problem I'm having is that I always get a 400 Bad request because I don't send a valid CSRF Token. But I can't figure ...
1 vote
1 answer
748 views

Filter Entries by Category fields & refresh URL and list with AJAX

I'm finding myself stuck with filtering entries that are related to categories using a category field. I'm looking to build a sub-navigation on a page, where I can select from a select field or from a ...
1 vote
1 answer
530 views

AJAX CSRF Producing Inconsistent Results

I am using CSRF tokens in a form on CraftCMS. Submissions are successful with a standard configuration. Introducing "fresh" CSRF tokens via AJAX on page load is causing some trouble. This is ...
2 votes
2 answers
4k views

Craft 3 - ajax request to plugin

This is a pretty simple test before I implement some larger functionality. Eventually this will be just a glorified upload form via ajax. Part 1 - Ajax post $.ajax({ type: 'POST', ...