[jQuery] Nested ajax calls not working in IE7
Has anyone come across this issue?
I have an ajax callback with a function defined in the success member
which fires another ajax callback.
In Firefox this works fine but in IE7 only the first callback fires.
here is the code
// Get a Session Id
$.ajax({
type: "POST",
url: "/WebServices/KayakService.asmx/GetSession",
beforeSend: function(xhr) {
xhr.setRequestHeader("Content-type", "application/json;
charset=utf-8");
},
dataType: "json",
success: function(msg) {
sessionId = msg;
alert(sessionId);
$.ajax({
type: "POST",
data: '{"origin":"' + originCode + '","destination":"' +
destinationCode + '","depDate":"' + $("#depDate").val() +
'","retDate":"' + $("#retDate").val() + '","sessionId":"'+ sessionId
+'"}',
url: "/WebServices/KayakService.asmx/GetFlightSearchId",
beforeSend: function(xhr) {
xhr.setRequestHeader("Content-type",
"application/json; charset=utf-8");
},
dataType: "json",
success: function(e) {
searchId = e;
alert(searchId);
getResults();
}
});
}
});