我有 jquery Ajax 可以正常工作,
ajax调用方法时如何显示消息?
我做了一些方法,但它不能正常工作。
function drawChart(posId) {
$.ajax({
type: 'GET',
dataType: 'json',
contentType: 'application/json',
url: '@Url.Action("GetProviderReport", "Report")',
data: { posId: posId },
beforeSend: function () { $("#loaderDiv").css("display","block"); },
success: function(result) {
var data1 = new google.visualization.DataTable();
var data2 = new google.visualization.DataTable();
var data3 = new google.visualization.DataTable();
var months = ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'ابان', 'اذر', 'دی', 'بهمن', 'اسفند'];
data1.addColumn('string', 'ماه');
data1.addColumn('number', 'مجموع نظر سنجی');
for (var i = 0; i < result.length; i++) {
if (result[i].typeValue == 1) {
data1.addRow([months[result[i].MonthValue - 1], result[i].CountValue]);
}
}
var chart = new google.visualization.ColumnChart(document.getElementById('chartdiv7'));
这是 HTML 标签 <div id="loaderDiv" style="visibility: hidden">در حال دریافت اطلاعات</div>
最佳答案
如果这是一个点击事件,你可以在用户点击按钮($("#loaderDiv").css("display","block");)时添加加载器,然后在get 调用完成 ( $("#loaderDiv").css("display","none");)
<div>
<button id="btn">Click me</button>
<script type="text/javascript">
$(function(){
$("#btn").click(function(event) {
clicked();
});
var clicked = function(){
alert("add loader");
//use the ajax call instead of setTimeout
setTimeout(function() {
//Remove the loader inside success/complete function
alert("remove loader")
}, 2000);
}
});
关于javascript - ajax加载器不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28295982/