Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

Solved

JSON error on ajax

Posted on 2014-04-07

1 solution

Medium Priority

376 Views

Last Modified: 2014-04-07

hi all,

I'm trying to send some form information to a php file through wordpress using the following code;

var jsonObject = {};
    				jsonObject['name'] = jQuery('#nameInput').val();
				jsonObject['email'] = jQuery('#emailInput').val();
				jsonObject['message'] = jQuery('#messageInput').val();
				jsonObject['product'] = jQuery('#productOwnedInput').val();
				jsonObject['company'] = jQuery('#companyInput').val();
				jsonObject['reason'] = jQuery('#reasonInput').val();
				jsonObject['contact'] = jQuery('#contactInput').val();

				jQuery.ajax({
        				type: "POST",
       					url: "<?php bloginfo('template_url'); ?>/sendform.php",
        				data: JSON.stringify(jsonObject),
        				contentType: "application/json; charset=utf-8",
        				dataType: "json",
					success: function (data) {
       						alert('success');
    					},
					error: function (xhr, ajaxOptions, thrownError) {
        					alert(xhr.status);
        					alert(thrownError);
      					}
    				});

Open in new window

now for some reason it is alerting a 200 error with JSON.Parse: unexpected charatcer.

any ideas why its doing this?

Comment

Question by:flynny

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

3 Comments

LVL 22

Expert Comment

by:Kim Walker

ID: 399833602014-04-07

Could any of the form field values contain quote marks? Perhaps you need to urlencode the values.

LVL 111

Accepted Solution

by:Ray Paseur

Ray Paseur earned 2000 total points

ID: 399833642014-04-07

Without seeing the data we are just guessing, but it may be related to a character set encoding error. JSON is strict about its requirement for UTF-8 data.

Suggest you use alert() to print out the JSON string and copy/paste it here. You may also want to read this article. It's not directly about JavaScript and JSON, but it may give a clue to how UTF-8 collisions can make a mess of otherwise good work.
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/A_11880-Unicode-PHP-and-Character-Collisions.html

LVL 22

Expert Comment

by:Kim Walker

ID: 399833792014-04-07

Sorry, wrong language. You need to encodeURI the values.

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

4 Methods for creating image overlays in HTML using CSS and PHP GD2

Article by: Julian

This article discusses four methods for overlaying images in a container on a web page

VBA How To Decompress a Gzip Response From a HTTP Request

Article by: Shai

There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.

Excluding a Post Category from the Main Blog Page

Video by: Alex

The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …