【发布时间】：2013-09-05 17:36:51
【问题描述】：
在我的项目中，我使用了 2 个版本的 JQuery.js，因此我使用 $.noConflict() 将我的最新版本的 JQuery 与名为 jq172 的变量解决了冲突。现在我已经使用jq172.when().done()construct 来显示加载状态图像，直到所有 ajax 请求都被完全处理。代码如下。
jq172.when(
DisplayPOXOrderStatistics(fromDate, toDate),
DisplayPOXCompletedOrdersData(fromDate, toDate),
DisplayPOXCompletedOrderPieChart(fromDate, toDate),
DisplayCurrentYearlyTrends())
.done(function (a1,a2,a3,a4)
{
$("#loading").hide();
});
其中jq172.when()中的函数编码如下，
function DisplayPOXOrderStatistics(fromDate, toDate) {
return $.ajax({
type: "POST",
url: '@Url.Action("DisplayPOXOrderStatistics", "Home")',
dataType: "json",
data: { FromDate: fromDate, ToDate: toDate },
success: function (data) {application code.....}
});
}
function DisplayPOXCompletedOrdersData(fromDate, toDate) {
return $.ajax({
type: "POST",
url: '@Url.Action("DisplayPOXCompletedOrders", "Home")',
data: { FromDate: fromDate, ToDate: toDate },
dataType: "json",
success: function (data) { some code....}
});
}
&rest 2个函数的编码方式同上
现在我在.done() 中隐藏加载图像潜水的代码应该在所有 4 个 ajax 调用完成后执行，但目前它在函数调用被调度后立即执行。任何人都可以找出我的代码中的问题。
提前致谢...
这里是rest 2函数的定义..
function DisplayPOXCompletedOrderPieChart(fromDate, toDate) {
return $.ajax({
type: "POST",
url: '@Url.Action("POXCompletedOrderPieChart", "Home")',
data: { FromDate: fromDate, ToDate: toDate },
dataType: "json",
success: function (data) {
$('#POXCompletedOrdersPie').empty();
var dataSet = [];
var isDataAvailable = false;
for (var i = 0; i < data.length ; i++) {
var newElement = { label: data[i].Name, data: parseFloat(data[i].ColumnValue), color: Color[i] };
dataSet.push(newElement);
if (newElement.data > 0)
isDataAvailable = true;
}
if (dataSet.length != 0 && isDataAvailable) {
$.plot($("#POXCompletedOrdersPie"), dataSet, {
series: {
pie: {
show: true
}
},
legend: {
show: false
}
});
}
else {
$("#POXCompletedOrdersPie").empty();
$("#POXCompletedOrdersPie").append("<html><p> <b>" + "@Html.Raw(VirtuOxAdvDME.Dashboard_PieChart_POXCompletedOrder_NoData)" + "</b> </p><html>");
}
}
});
}
function DisplayCurrentYearlyTrends() {
$("#DisplayCurrentYear").html($('#selectCurrentYear option:selected').text());
return $.ajax({
url: '@Url.Action("DisplayCurrentYearlyTrends", "Home")',
data: { selectedCurrentYear: $('#selectCurrentYear option:selected').text() },
type: 'POST',
dataType: 'json',
success: function (data) {
var DataValues = [], TickData = [];
var i = undefined;
$.each(data, function (index, item) {
i = (index + 1) * 2;
DataValues.push({ data: [i, item.Value], color: Color[i] });
DataValues.push([i, item.Value]);
TickData.push([i, item.MonthName]);
});
$.plot($("#CurrentYearlyTrendsBar"), [{ data: DataValues, color: "#3D69AA" }],
{
series: { bars: { show: true } },
bars: {
barWidth: 1.5,
align: "center"
},
xaxis: {
ticks: TickData,
axisLabelUseCanvas: true,
labelAngle: -90,
},
yaxis: { axisLabelUseCanvas: true },
grid: { hoverable: true }
});
$("#CurrentYearlyTrendsBar").UseTooltip();
}
});
}
【问题讨论】：
-
你不保持简单有什么原因吗？我的意思是，您特别想在同一行代码中使用两个版本的 jquery？
-
如果你使用最新版本的 jQuery 是否可以正常工作....比如
$.when而不是jq172.when -
@Daedalus & Arun;实际上，旧版本的 jquery 正在从其他脚本中使用，并且在删除旧版本时，我遇到了脚本错误。所以我保留了 .js 并使用 var jq172=$.noConflict(); 解决了冲突；
-
改用
jq172.ajax()（尽管我希望when能够处理任何承诺）。其他 jQuery 的版本是什么？ -
@Bergi，我使用的旧版本是 1.4.4 和更高版本是 1.7.2。我需要在当前上下文中将所有 $ 运算符替换为 jq172 吗？
标签： javascript jquery ajax .when