Perfect solution for parsererror errors in ajax cross-origin requests, ajaxparsererror

Perfect solution for parsererror errors in ajax cross-origin requests, ajaxparsererror

The parsererror message for ajax requests is a broad concept. In many cases, this error is reported,

In many cases, even if ajax is submitted and returned

XMLHttpRequest. status = 200 (normal response)

XMLHttpRequest. readyState = 4 (normally received)

Ajax will also prompt a parseerror error.

This error is mostly caused by poor writing habits or improper syntax.

For ajax errors, use:

error:function(XMLHttpRequest, textStatus, errorThrown){   $("div").html(textStatus);   $("div").append("<br/>"XMLHttpRequest.status);   $("div").append("<br/>"XMLHttpRequest.readyState);   $("div").append("<br/>"XMLHttpRequest.responseText);}

Or:

$ ("Div "). ajaxError (function (event, request, settings) {$ (this ). append ("<li> error page:" + settings. url + "</li> ");});

Obtain error information for analysis.

In addition to null, "timeout", "error", "notmodified", and "parsererror", textStatus is returned ".

The XMLHttpRequest object can use attributes such as status, readyState, and responseText to obtain the HTTP code, process the status, and the text returned by the server.

When using ajax and related application development, you must write programs according to the standard to reduce the chance of errors.

This standard includes syntax, data format, punctuation, and so on.

Cross-request ajax. If data is empty, use it;

Data :"{}",

When the ajax processing server returns Json data, if the $. parseJSON () method is used,

The Json data format returned by the server must be written in the standard Json format,

For characters, double quotation marks must be used instead of single quotation marks. Values, Boolean types, and null values are not required,

In some old jquery versions, single quotation marks and double quotation marks are used to indicate errors.

In ajax cross-origin request (jsonp), the format of data returned by the server must be:

MyCallbackFunction ({"id": 1, "name": "C #", "is_familiar": true });

Note that the last Semicolon ";" of this function must be added,

Otherwise, if the same page has multiple ajax requests and other ajax requests are sent when no data is returned,

The error message "parsererror" may occur.

This kind of error is very hidden. It is not easy to discover during development, and it is easy to expose During Concurrent testing.

The preceding article perfectly solves the parsererror error in cross-origin ajax requests. It is all the content shared by the editor. I hope you can give us a reference, and I hope you can provide more support to the customer center.