js访问php页面并获取http状态或者内容

柔光的暖阳◎ 2023-07-05 10:22 26阅读 0赞

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