JSON issue – forms not working

Resolved

(@hommealone)

Hi,

When I test our new forms on a new website, nothing at all happens when I click send – except for a console error. Here’s what it says:



Object { code: "invalid_json", message: "The response is not a valid JSON re…" }  index.js:1:4143
	f/< https://ourdomain.com/wp-content/plugins/contact-form-7/includes/js/index.js:1:4143
	n https://ourdomain.com/wp-includes/js/dist/vendor/wp-polyfill.min.js:1:65305
	gS/< https://ourdomain.com/wp-includes/js/dist/vendor/wp-polyfill.min.js:1:65451
	Qp https://ourdomain.com/wp-includes/js/dist/vendor/wp-polyfill.min.js:1:2491

Any help troubleshooting this appreciated!

This topic was modified 5 years, 2 months ago by hommealone.

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter hommealone
(@hommealone)

5 years, 2 months ago
And the console error message in a different browser console:
```
index.js?ver=5.4:1 {code: "invalid_json", message: "The response is not a valid JSON response."}code: "invalid_json"message: "The response is not a valid JSON response."__proto__: constructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()__defineGetter__: ƒ __defineGetter__()__defineSetter__: ƒ __defineSetter__()__lookupGetter__: ƒ __lookupGetter__()__lookupSetter__: ƒ __lookupSetter__()get __proto__: ƒ __proto__()set __proto__: ƒ __proto__()
(anonymous) @ index.js?ver=5.4:1
Promise.catch (async)
f @ index.js?ver=5.4:1
(anonymous) @ index.js?ver=5.4:1
```
- This reply was modified 5 years, 2 months ago by hommealone.
Plugin Author Takayuki Miyoshi
(@takayukister)

5 years, 2 months ago

Where can we see the website in question?

Thread Starter hommealone
(@hommealone)

5 years, 2 months ago

Thanks for your reply!!

Not yet publicly available I’m afraid; sorry, I know that makes things more difficult. I solved the error message (my configuration error I believe) but I think that the form is not using ajax. No spinning icon upon clicking submit; /#wpcf7-f110-p105-o1 appended to URL after submission.

How can I check whether or not ajax validation is occurring? And if it’s not, how can I enable it?

Plugin Author Takayuki Miyoshi
(@takayukister)

5 years, 2 months ago

What other plugins and theme do you use on the site?

Thread Starter hommealone
(@hommealone)

5 years, 2 months ago

Thanks, I’ve resolved the problems. They were a combination of several things. CF7 script not loading on all pages with forms; Mail Integration for Office 365/Outlook plugin also seemed to be causing problems. And also, I’d been nursing along the sadly now-abandoned “Bootstrap for Contact Form 7” plugin, and it seems to have caused a problem as well.

With all those things fixed, everything’s working smoothly now.

As always, thanks for your great plugin!!!

lolareilly
(@lolareilly)

5 years, 1 month ago

Hi! I’m having a similar issue with CF7. It started some weeks ago. When I try to send a form I don’t get the success message, nor I get redirect to the Thanks page. I also get this error in the console:

{code: “invalid_json”, message: “The response is not a valid JSON response.”}
code: “invalid_json”
message: “The response is not a valid JSON response.”
__proto__: Object

The page is https://urban-zero.com/contacto/

Thread Starter hommealone
(@hommealone)

5 years, 1 month ago

@lolareilly
Right now it seems like you have a different form there (Ninja Form?) and not a CF7 form at all, is that right? If that’s right, you should post a new question for that plugin.

In my case this was caused by a conflict between CF7 and a now abandoned plugin called Bootstrap for Contact Form 7. After I removed that abandoned plugin my problem was solved.

Good luck with your issue!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘JSON issue – forms not working’ is closed to new replies.