AJAX获取json数据展示到div

JS代码:

<script>
        function chamac(){
        var params=$('#mac').serialize();
        //console.log(params);
        $.ajax({
         url: "http://api.it8.top/mac.php?"+params,
         type: "get",
         data: {},
         cache:false,
         dataType:"json",
         success: function(data){
	 //console.log(data);
	 var mac = data[0];
          if (data != null && data.length > 0) {
                var tableInfos = document.getElementById('macchaxun');
                 var code = '<table class="blueTable" border="0" cellpadding="0" cellspacing="0" bgcolor="#C5D5C5" align="center"><tbody><tr><td><table width="100%" border="0" cellpadding="8" cellspacing="1" font-size="20px" border-spacing="2px">';
                 code += '</tboby><TR><td width="25%" bgcolor="#F5F5F5" align="center">MAC地址</TD><td width="75%" bgcolor="#FFFFFF" style="font-size:16px;">'+params.slice(4)+'</TD></TR><TR><td width="25%" bgcolor="#F5F5F5" align="center">组织名称</TD><TD>'+mac.gongsi+'</TD></TR><TR><td width="25%" bgcolor="#F5F5F5" align="center">国家/地区</TD><td width="75%" bgcolor="#FFFFFF" style="font-size:16px;">'+mac.guobie+'</TD></TR><TR><td width="25%" bgcolor="#F5F5F5" align="center">省份/邮编</TD><td width="75%" bgcolor="#FFFFFF" style="font-size:16px;">'+mac.shengfen+'</TD></TR><TR><td width="25%" bgcolor="#F5F5F5" align="center">地址</TD><td width="75%" bgcolor="#FFFFFF" style="font-size:16px;">'+mac.dizhi+'</TD></TR>';
                
                 tableInfos.innerHTML = code + '</table>';
             }else {
        
                 alert("无数据!");
			 }
		 }
        });
    }

                                </script>

HTML代码:

<input type="text" id="mac_address" name="mac" tabindex="1" class="form-control" size="30" placeholder="输入MAC地址 例:aa-bb-cc aa:bb:cc aaa.bbb.cccc" value="" />
<input type="button" value="查询" id="ut2dt" tabindex="2" class="btn btn-success" onclick="chamac()" />
<div id="macchaxun"></div> 
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容