Seeking JSON data for an autocomplete function, but running into a problem because the JSON is wrapped in an HTML span tag. This issue stems from a VB backend library that won't be updated anytime soon. I need to find a way to remove the span tag from the response. Here's my JS call and the current response:
module.props.functions.ajaxSearchon = function (currVal) {
// Search on Type
$.ajax({
url: module.props.apiURLs.searchOnType + '?query=' + currVal + '&lang=' + module.props.lang,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
module.state = {
searchResult: result,
searchQuery: currVal
};
},
error: function (xhr, status, error) {
module.state = $.extend(module.state, {
searchResults: 'no results found'
});
console.log("error", module.state);
},
complete: function () {
module.props.functions.refreshSearchResults();
}
})
};
The functionality works well when the response is valid JSON. However, the actual response I receive is as follows:
<span id="fromContext">
{
"results": [
{
"headline": "headline text",
"summary": " <em>summary</em> result text",
"url": "/url/to/page",
"image": {
"url": "/media.jpg",
"alt": "media alt text"
},
"count": ""
},
{
"headline": "empty object"
}
],
"hasmore": true
}
</span>
I can identify the span element by its ID, but I'm unsure how to access the JSON part of the response with the ajax request. The main issue seems to be that the response isn't in proper JSON format, causing the ajax call to fail. Any suggestions on resolving this dilemma?