js如何异步执行方法

发布网友发布时间：2022-04-23 16:55

共6个回答

热心网友时间：2022-04-22 11:48

var xmlHttp;
function createXMLHttpRequest(){
//Mozilla 浏览器（将XMLHttpRequest对象作为本地浏览器对象来创建）
if(window.XMLHttpRequest){ //Mozilla 浏览器
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject) { //IE浏览器
//IE浏览器（将XMLHttpRequest对象作为ActiveX对象来创建）
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(xmlHttp == null){
alert("不能创建XMLHttpRequest对象");
return false;
}
}
//用于发出异步请求的方法
function sendAsynchronRequest(url,parameter,callback){
createXMLHttpRequest();
if(parameter == null){
//设置一个事件处理器，当XMLHttp状态发生变化，就会出发该事件处理器，由他调用
//callback指定的javascript函数
xmlHttp.onreadystatechange = callback;
//设置对拂去其调用的参数（提交的方式，请求的的url，请求的类型（异步请求））
xmlHttp.open("GET",url,true);//true表示发出一个异步的请求。
xmlHttp.send(null);
}else{
xmlHttp.onreadystatechange = callback;
xmlHttp.open("POST",url,true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
xmlHttp.send(parameter);
}
}
//以上代码是通用的方法，接下来是调用以上的方法
function loadPros(title,count,pid,cid,level){
// 调用异步请求方法
url = "。。。。。。。。";
sendAsynchronRequest(url,null,loadCallBack);
}
// 指定回调方法
function loadCallBack(){
try
{
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
if(xmlHttp.responseText != null && xmlHttp.responseText != ""){
var divProid = document.getElementById('videolist');
divProid.innerHTML = xmlHttp.responseText;
for(i=0;i<len;i++)
{
var video_url = document.getElementById("videolist"+i+"").href;
if(video_url != undefined && video_url != null && video_url != ""){
window.location.href = video_url;
}
}
}
}
}
if (xmlHttp.readyState == 1)
{
//alert("正在加载连接对象......");
}
if (xmlHttp.readyState == 2)
{
//alert("连接对象加载完毕。");
}
if (xmlHttp.readyState == 3)
{
//alert("数据获取中......");
}
}
catch (e)
{
//alert(e);
}
}

热心网友时间：2022-04-22 13:06

function myThread(callback){

  return setTimeout(1000*10,function(){

    $("#div").append("<p>hello</p>");//10秒后在div中加一个行，然后在执行callback函数

    callback();

  });

}

用回调函数

function A(fun){

var temp = 100;

temp = temp * temp;

window.setTimeout(function(){

       fun(temp);

    },0);

alert("a函数:"+temp);

}

function B(r){

alert("b函数"+r);

}

A(B);// 调用

热心网友时间：2022-04-22 14:41

ajax：
$.ajax({
type: "post",
url:"http://i.ui.cn/jsonpSendlt",
dataType:'jsonp',
data:lettersData,
success:function(result) {
if(result.code == 1){
globalTip(result);

$this.removeClass('loading');
$this.text('确定');

//关闭弹窗，恢复样式
$('#modal-letter').removeClass("in");
$('.modal-backdrop').remove();
$('body').removeClass("modal-open");
$('body').css('padding-right','0');

//输入框清空
$('textarea[name=lettersval]').val('');
}else{
globalTip(result);

$this.removeClass('loading');
$this.text('确定');

$('textarea[name=lettersval]').focus();
return false;
}
},
timeout:3000
});
return false;
});

热心网友时间：2022-04-22 16:32

第一，要分清楚什么是异步，什么事多任务，什么是多线程。
第二，这不是异步，这是多任务，抱歉，浏览器不支持哦。

热心网友时间：2022-04-22 18:40

异步可以用ajax技术，最好用jQuery+ajax进行使用，可以设置async : false 关闭异步。

热心网友时间：2022-04-22 21:05

使用jquery $.ajax