jq 两个ajax不能同时运行的有关问题
jq 两个ajax不能同时运行的问题
请问个问题:
我页面有两个ajax异步,一个用于处理数据,一个用于显示进度条,代码如下。那么现在,当js运行处理数据的时候,页面的进度条没反应,相当于卡死一样。当数据处理完成后,进度条就瞬间完成了 。
或者,还有一种说法:
我处理数据的时候,会不断的改变数量的值,用于显示到进度条。那么,我在ajax要怎么来 获取这个实时的数量的值。getdata就是处理数据,里面有for循环给变量赋值。
请问个问题:
我页面有两个ajax异步,一个用于处理数据,一个用于显示进度条,代码如下。那么现在,当js运行处理数据的时候,页面的进度条没反应,相当于卡死一样。当数据处理完成后,进度条就瞬间完成了 。
或者,还有一种说法:
我处理数据的时候,会不断的改变数量的值,用于显示到进度条。那么,我在ajax要怎么来 获取这个实时的数量的值。getdata就是处理数据,里面有for循环给变量赋值。
<script type="text/javascript">
$(document).ready(function() {
$("#btnSubmit").click(function() {
var progressbar = $("#progressbar");
var progressLabel = $(".progress-label");
progressbar.progressbar({
value: false,
change: function() {
progressLabel.text(progressbar.progressbar("value") + "%");
},
complete: function() {
progressLabel.text("完成!");
}
});
var sh = setInterval(progress, 1000);
function progress() {
var num = 0;
var val = 0;
$.ajax({
//要用post方式
type: "POST",
anync: false,
//方法所在页面和方法名
url: "tndata.aspx/GetNum",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
num = data.d;
val = parseFloat(num);
$("#result").html($("#result").html() + val + ",")
progressbar.progressbar("value", val);
if (val >= 100) {
clearInterval(sh);
}
},