js访问php页面并获取http状态或者内容_使用js编写一个方法,实现以下功能:访问指定的php网址,待获取到响应内容后使用retu-优快云博客

本文链接：https://blog.youkuaiyun.com/sunyuhua_keyboard/article/details/104306147

本文展示了如何使用jQuery的AJAX功能调用PHP接口，并获取其HTTP状态及响应数据，通过两个实例代码详细说明了操作过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中遇到一个国外的接口，需要先调用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>