52,797
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>这是一个promise测试1 H1 </h1>
<div>
这是一个promise测试1 DIV
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>这是一个promise测试2 H1 </h1>
<div>
这是一个promise测试2 DIV
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../../js/jquery-1.11.1.js"></script>
<script type="text/javascript">
var promise = $.ajax({
url:"test4promise1.html",
dataType:"html"
})
//成功和失败后 调用方法
promise.done(function(data){
$("body").html(" 1 "+$(data).filter("h1").text());
}).fail(function(){
alert("fail");
})
//then 紧跟着的方法是成功,后面一个是失败
promise.then(function(data){
$("body").append("<br/>"+" 2 "+$(data).filter("h1").text());
}),(function(){
alert("fail");
})
$.ajax({
url:"test4promise1.html",
dataType:"html"
}).done(function(data){
$("body").append("<br/>"+" 3 "+$(data).filter("h1").text());
}).fail(function(){
alert("fail");
})
//两个ajax 全部访问结束后再统一处理。
var promise2 = $.when($.ajax(
"test4promise1.html",{
dataType:"html"
}
),
$.ajax(
"test4promise2.html",{
dataType:"html"
}
)
);
promise2.done(function(data1,data2){
alert($(data1).find("h1").length);
alert($(data1).find("h1").text());//这里alert 为空字符串,获取不到data1 html 里的内容
$("body").append("<br/>"+" 4 "+$(data1).filter("h1").text());
$("body").append("<br/>"+" 5 "+$(data2).filter("h1").text());
}).fail(function(){
alert("fail");
});
</script>
</head>
<body>
</body>
</html>