{"id":530,"date":"2023-05-26T05:16:27","date_gmt":"2023-05-26T05:16:27","guid":{"rendered":"https:\/\/www.devopssupport.in\/blog\/?p=530"},"modified":"2023-05-26T05:17:32","modified_gmt":"2023-05-26T05:17:32","slug":"parsererror-form-ajax-request","status":"publish","type":"post","link":"https:\/\/www.devopssupport.in\/blog\/parsererror-form-ajax-request\/","title":{"rendered":"“parsererror” form ajax request"},"content":{"rendered":"\n

Here i am \u00a0getting a “parsererror” from jquery for an Ajax request,<\/p>\n\n\n\n

This ajax code<\/p>\n\n\n\nthis.LoadViewContentNames = function () {\n $.ajax({\n url: ‘\/Admin\/Ajax\/GetViewContentNames’,\n type: ‘POST’,\n dataType: ‘json’,\n data: { viewID: $(“#view”).val() },\n success: function (data) {\n alert(data);\n },\n error: function (data) {\n debugger;\n alert(“Error”);\n }\n });\n};\n\n\n\n

jquery fires the error event for the $.ajax() method saying “parsererror”.<\/p>\n\n\n\n

Solution<\/strong>:<\/p>\n\n\n\n

After doing some research i get my answer<\/p>\n\n\n\n

I have specified the ajax call response\u00a0dataType<\/strong>\u00a0as:<\/p>\n\n\n\n

‘json’ <\/strong><\/p>\n\n\n\n

The actual ajax response is not a valid JSON and as a result the JSON parser is throwing an error.<\/p>\n\n\n\n

You have specified the ajax call response dataType<\/strong> as:<\/p>\n\n\n\n

\n

‘json’<\/p>\n<\/blockquote>\n\n\n\n

where as the actual ajax response is not a valid JSON and as a result the JSON parser is throwing an error.<\/p>\n\n\n\n

So, The best approach that I would recommend is to change the\u00a0dataType<\/strong>\u00a0to:<\/p>\n\n\n\n

‘text’<\/p>\n\n\n\n$.ajax({\n url: ‘\/Admin\/Ajax\/GetViewContentNames’,\n type: ‘POST’,\n dataType: ‘text’,\n data: {viewID: $(“#view”).val()},\n success: function (data) {\n try {\n var output = JSON.parse(data);\n alert(output);\n } catch (e) {\n alert(“Output is not valid JSON: ” + data);\n }\n }, error: function (request, error) {\n alert(“AJAX Call Error: ” + error);\n }\n});\n","protected":false},"excerpt":{"rendered":"

Here i am \u00a0getting a “parsererror” from jquery for an Ajax request, This ajax code this.LoadViewContentNames = function () { $.ajax({ url: ‘\/Admin\/Ajax\/GetViewContentNames’, type: ‘POST’, dataType: ‘json’,… <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[190],"class_list":["post-530","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-parsererror-ajax-request"],"_links":{"self":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/comments?post=530"}],"version-history":[{"count":1,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/530\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/530\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/media?parent=530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/categories?post=530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/tags?post=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}