I am using jquery ui autocomplete, and from the bug i get in ie7 it sounds like jquery 1.10.2 or 1.11.3 are both failing the ajax call.
I wonder if anyone knows any workaround that ?
EDIT1
The code work with all other browsers and with IE10+ I have traced the problem to the following part of jquery.
for ( ; list && firingIndex < firingLength; firingIndex++ ) { if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { memory = false; // To prevent further calls using add break; } }
My Code never reach success, and it always goes into the error function. I can't tell why. I believe this is the code that cause it.
Edit2: Here is my code.
<html>
<head>
<script src="jquery-ui-1.11.4/external/jquery-1.10.2/jquery-1.10.2.js"></script>
<!--<script src="//code.jquery.com/jquery-1.10.3.js"></script>-->
<script src="jquery-ui-1.11.4/jquery-ui.js"></script>
<script src="jquery.base64.js"></script>
<script src="jquery-ui-1.11.4/plugins/jquery.ui.autocomplete-html.js"></script>
<script src="PoolPartyAutoCompleteSetter.js"></script>
<link rel="stylesheet" href="jquery-ui-1.11.4/jquery-ui-modified.css">
<link rel="stylesheet" href="brik.css">
<!--Will be supplied by BRIK-->
<script>
function select(event, ui) {
$(this).val('')
alert(ui.item.mydata.uri)
return false
//alert(JSON.stringify(ui.item.mydata))
}
$(document).ready(function() {
set_autocomplete($, select, $("#search_topics"), "dc_subject")
});
</script>
</head>
<body>
<div>
<div id="topics">Topics
<input id="search_topics" class="submit-text" type="text"></input>
</div>
</div>
</body>
</html>function set_autocomplete($, select, $input, field) {
switch (field) {
case "dc_contributor_author":
var scheme = "http://thesaurus.iadb.org/publicthesauri/IdBAuthors";
break;
case "dc_subject":
var scheme = "http://thesaurus.iadb.org/publicthesauri/IdBTopics";
break;
case "iadb_department":
var scheme = "http://thesaurus.iadb.org/publicthesauri/IdBDepartments";
break;
case "dc_contributor_institution":
var scheme = "http://thesaurus.iadb.org/publicthesauri/IdBInstitutions";
break;
case "dc_identifier_jel":
var scheme = "http://thesaurus.iadb.org/jelcodes/IdBJelCodes";
break;
default:
var scheme = "http://thesaurus.iadb.org/publicthesauri/IdBCountries";
}
$input.autocomplete({
source: function(request, response) {
var hint = request.term;
$.ajax({
url: "http://thesaurus.iadb.org/extractor/api/suggest",
data: {
projectId: "1DCE4EC2-E3AB-0001-A09D-1BC01E70CE80",
language: "en",
searchString: request.term,
numberOfConcepts: 1000
},
dataType: 'json',
crossDomain: true,
beforeSend: function(req) {
if (!window.btoa) window.btoa = $.base64.btoa;
req.setRequestHeader('Authorization', 'Basic ' + btoa('xxxxx:xxxxx'));
},
/*xhrFields: {
withCredentials: true
},*/
error: function(jqXHR, textStatus, errorThrown) {
response(textStatus)
},
success: function(data) {
var datatable = Array();
for (i = 0; i < data.suggestedConcepts.length; i++) {
if (scheme == data.suggestedConcepts[i].conceptSchemes[0].uri) {
datatable.push({
label: hintHighlight(data.suggestedConcepts[i].prefLabel, hint),
value: data.suggestedConcepts[i].prefLabel,
mydata: data.suggestedConcepts[i]
})
}
}
response(datatable.slice(0, 13).sort(function(a, b) {
if (a.label.toLowerCase() == b.label.toLowerCase())
return 0;
if (a.label.toLowerCase() > b.label.toLowerCase())
return 1;
else
return -1
}));
}
})
},
minLength: 2,
select: select,
html: true,
open: function() {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function() {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
}).autocomplete("instance")._renderMenu = function(ul, items) { // Render different background for even and odd line of the menu
var that = this;
$.each(items, function(index, item) {
that._renderItemData(ul, item);
});
$(ul).find("li:odd").addClass("ac_odd");
}
}
function hintHighlight(sentence, hint) {
var reg = new RegExp(hint, "gi");
var matches = sentence.match(reg)
if (matches == null)
return sentence;
var highlighted = sentence;
for (var i = 0; i < matches.length; i++) {
highlighted = highlighted.replace(matches[i], "<strong class = \"ac_highlight\">" + matches[i] + "</strong>")
}
return highlighted;
}EDIT3
I have traced it to the following code in Jquery
// Get transport
transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
// If no transport, we auto-abort
if ( !transport ) {
done( -1, "No Transport" );
} else {
jqXHR.readyState = 1;
// Send global event
if ( fireGlobals ) {
globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
}
// Timeout
if ( s.async && s.timeout > 0 ) {
timeoutTimer = setTimeout(function() {
jqXHR.abort("timeout");
}, s.timeout );
}
Transport is always undefined. Best
