使用API接口查询手机号信息 - 7个输入框的HTML页面示例 - 常规

<!DOCTYPE html>
<html>
<head>
    <title>API测试页面 - 查询7个手机号的QQ信息</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <h1>API测试页面 - 查询7个手机号的QQ信息</h1>
    <form id="apiForm">
        <label for="phone1">手机号1：</label>
        <input type="text" id="phone1" name="phone1"><br><br>
<pre><code>    &lt;label for=&quot;phone2&quot;&gt;手机号2：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone2&quot; name=&quot;phone2&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;label for=&quot;phone3&quot;&gt;手机号3：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone3&quot; name=&quot;phone3&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;label for=&quot;phone4&quot;&gt;手机号4：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone4&quot; name=&quot;phone4&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;label for=&quot;phone5&quot;&gt;手机号5：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone5&quot; name=&quot;phone5&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;label for=&quot;phone6&quot;&gt;手机号6：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone6&quot; name=&quot;phone6&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;label for=&quot;phone7&quot;&gt;手机号7：&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;phone7&quot; name=&quot;phone7&quot;&gt;&lt;br&gt;&lt;br&gt;
    
    &lt;button type=&quot;submit&quot;&gt;提交&lt;/button&gt;
&lt;/form&gt;

&lt;div id=&quot;result&quot;&gt;&lt;/div&gt;

&lt;script&gt;
    $(document).ready(function() {
        $('#apiForm').submit(function(event) {
            event.preventDefault();

            var phones = [
                $('#phone1').val(),
                $('#phone2').val(),
                $('#phone3').val(),
                $('#phone4').val(),
                $('#phone5').val(),
                $('#phone6').val(),
                $('#phone7').val()
            ];

            var apiUrl = 'https://zy.xywlapi.cc/wbphone';

            $.ajax({
                url: apiUrl,
                type: 'GET',
                dataType: 'json',
                data: { phone: phones },
                success: function(response) {
                    $('#result').html(JSON.stringify(response));
                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    });
&lt;/script&gt;
</code></pre>
</body>
</html>