52 lines
1.9 KiB
JavaScript
52 lines
1.9 KiB
JavaScript
layui.use(['form'], function () {
|
|
var form = layui.form;
|
|
|
|
form.on('submit(submit)', function (data) {
|
|
var index = layer.load(2, {tiem: 999999});
|
|
$.ajax({
|
|
type: "get",
|
|
url: "/api",
|
|
data: data.field,
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if (data.code == 200) {
|
|
let ipInfo = "";
|
|
|
|
ipInfo += " <tr>\n" +
|
|
" <td>地址:<span style='margin-left: 3px'> " + data.data.ip + "</span></td>\n" +
|
|
" </tr>\n";
|
|
|
|
ipInfo += " <tr>\n" +
|
|
" <td>城市:<span style='margin-left: 3px'> " + data.data.country + "</span></td>\n" +
|
|
" </tr>\n";
|
|
ipInfo += " <tr>\n" +
|
|
" <td>区域:<span style='margin-left: 3px'> " + data.data.area + "</span></td>\n" +
|
|
" </tr>\n";
|
|
|
|
let head = "";
|
|
let html = "<table class=\"layui-table\">\n" +
|
|
" <thead>\n" +
|
|
" </thead>\n" +
|
|
" <tbody>\n" + ipInfo +
|
|
" </tbody>\n" +
|
|
"</table>";
|
|
console.log(html);
|
|
layer.open({
|
|
title: 'IP地址查询',
|
|
content: head + html,
|
|
btn: '确定',
|
|
btnAlign: 'c'
|
|
});
|
|
layer.close(index);
|
|
} else {
|
|
layer.msg(data.text, {icon: 2});
|
|
layer.close(index);
|
|
}
|
|
},
|
|
error: function () {
|
|
layer.close(index);
|
|
layer.alert('查询失败！');
|
|
}
|
|
});
|
|
})
|
|
}); |