<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
吉林省-居民身份证信息-数据查询接口 <br>
<table>
    <tr>
        <td>
            信息项
        </td>
        <td>
            信息内容
        </td>
    </tr>
    <tr>
        <td>
            服务中文名称
        </td>
        <td>
            居民身份证信息
        </td>
    </tr>
    <tr>
        <td>
            使用场景描述
        </td>
        <td>
            根据上传的姓名、身份证号查询居民身份证信息。
        </td>
    </tr>
    <tr>
        <td>
            共享方式
        </td>
        <td>
            有条件共享
        </td>
    </tr>
</table>
接口类型：POST

<table>
    <tr>
        <td>
            appId
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            version
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            format
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            charset
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            timestamp
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            name
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td>
            idcardNo
        </td>
        <td>
            <input type="text">
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <button onclick="search()">查询</button>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            发证机关
        </td>
        <td id="licenceIssue">

        </td>
    </tr>
    <tr>
        <td>
            姓名
        </td>
        <td id="name">

        </td>
    </tr>
    <tr>
        <td>
            性别
        </td>
        <td id="gender">

        </td>
    </tr>
    <tr>
        <td>
            民族
        </td>
        <td id="nationality">

        </td>
    </tr>
    <tr>
        <td>
            出生日期
        </td>
        <td id="birthDate">

        </td>
    </tr>
    <tr>
        <td>
            公民身份号码
        </td>
        <td id="idcardNo">

        </td>
    </tr>
    <tr>
        <td>
            户籍地
        </td>
        <td id="addressPermanent">

        </td>
    </tr>
    <tr>
        <td>
            照片
        </td>
        <td id="photos">

        </td>
    </tr>
    <tr>
        <td>
            相片
        </td>
        <td>
            <image id="photograph"></image>
        </td>
    </tr>
</table>
<textarea id="result" rows="20" cols="100">
    结果数据...
</textarea>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:inline="javascript">
    function search() {
        $.ajax({
            type: "GET",
            url: "http://127.0.0.1:88/api/test/sfz",
            beforeSend: function (request) {
                request.setRequestHeader("accessId", "1625205696412");
                request.setRequestHeader("stringToSign", "4ab54dea9926f3386b56fd5fe51b35ae0fe1405a");
            },
            success: function (result) {
                $("#result").text(JSON.stringify(result.data.data[0]));
                var res = result.data.data[0]
                $("#licenceIssue").text(res.licenceIssue);
                $("#name").text(res.name);
                $("#gender").text(res.gender);
                $("#nationality").text(res.nationality);
                $("#birthDate").text(res.birthDate);
                $("#idcardNo").text(res.idcardNo);
                $("#addressPermanent").text(res.addressPermanent);
                $("#photograph").attr("src","data:image/jpg;base64,"+res.photograph);
            }
        });
    }
</script>

</body>
</html>
