开发中遇到一个国外的接口,需要先调用php页面,当php页面调用成功后,才能调用第二个接口完成数据的查询。
直接上代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
//按钮单击时执行
$("#testAjax").click(function(){
//Ajax调用处理
var html = $.ajax({
type: "GET",
url: "https://itra.run/checkRes.php",
data: "name=min&surname=liu&birthdate=1991-05-19&idca=58999",
async: false
}).status;
$("#myDiv").html('<h2>'+html+'</h2>');
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>文本</h2></div>
<button id="testAjax" type="button">获取PHP的http状态</button>
</body>
</html>
举一反三,获取PHP页面的返回的数据
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
//按钮单击时执行
$("#testAjax").click(function(){
//Ajax调用处理
var html = $.ajax({
type: "GET",
url: "https://itra.run/checkRes.php",
data: "name=min&surname=liu&birthdate=1991-05-19&idca=58999",
async: false
}).responseText;
$("#myDiv").html('<h2>'+html+'</h2>');
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="testAjax" type="button">Ajax改变内容</button>
</body>
</html>