推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
前端小白问个 Javescript 的问题.调用新浪 API 获取 IP 归属地,必须点击两次才可以
zyxk 2017-10-18 23:26:42 +08:00 3268 次点击这是一个创建于 2923 天前的主题，其中的信息可能已经有所发展或是发生改变。
我要的效果就是点击 IP 后,显示省市地址,现在效果已经实现,但是不知道为什么,需要点击两次连接后才可以显示出返回的结果.小白一枚,谁能帮忙改下吗,谢谢,代码如下.
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>后台中心</title>
</head>
<body style="width:96%;margin:auto;">
<div class="panel panel-default">
<table class="text-center table table-bordered table-hover table-striped">
<thead>
<tr>
<th class="text-center" >ID</th>
<th class="text-center">A</th>
<th class="text-center">B</th>
</tr>
</thead>
<script type="text/Javascript">
function getIpPlace(obj) {
var script = document.createElement("script");
var _ip = obj.innerHTML;
script.type = "text/Javascript";
script.src = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip='+_ip;
document.body.appendChild(script);
{obj.innerText=remote_ip_info["province"] + "省" +remote_ip_info["city"] + "市"}
}</script>
<tr>
<td>0</td>
<td><a href="Javascript:void(0)" Onclick="getIpPlace(this)">222.88.88.88</a></td>
<td><a href="Javascript:void(0)" Onclick="getIpPlace(this)">218.28.28.28</a></td>
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>后台中心</title>
</head>
<body style="width:96%;margin:auto;">
<div class="panel panel-default">
<table class="text-center table table-bordered table-hover table-striped">
<thead>
<tr>
<th class="text-center" >ID</th>
<th class="text-center">A</th>
<th class="text-center">B</th>
</tr>
</thead>
<script type="text/Javascript">
function getIpPlace(obj) {
var script = document.createElement("script");
var _ip = obj.innerHTML;
script.type = "text/Javascript";
script.src = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip='+_ip;
document.body.appendChild(script);
{obj.innerText=remote_ip_info["province"] + "省" +remote_ip_info["city"] + "市"}
}</script>
<tr>
<td>0</td>
<td><a href="Javascript:void(0)" Onclick="getIpPlace(this)">222.88.88.88</a></td>
<td><a href="Javascript:void(0)" Onclick="getIpPlace(this)">218.28.28.28</a></td>
</tr>
</table>
</div>
</body>
</html>
6 条回复 2017-10-19 11:15:43 +08:00
 | 1 580a388da131 2017-10-19 01:01:42 +08:00 第一次获得返回的 remote_ip_info 第二次执行 remote_ip_info 第一次点 222.88.88.88 之后，不刷新页面的话，再点 218.28.28.28 得到的值和第一个应该是一样的。 |
| 2 580a388da131 2017-10-19 01:04:32 +08:00 学习下 jq 的 ajax 方法吧 |
 | 3 ineed 2017-10-19 09:03:05 +08:00 via iPhone 第一次点击的时候 script 还没加载完成就去获取 remote_ip_info，第二次点击已经存在了 ？ |
 | 4 meszyouh 2017-10-19 09:22:14 +08:00 你这个不会报错么？ 监听 script 的 onload 事件 script.Onload= function() { obj.textCOntent= remote_ip_info.province + "省" + remote_ip_info.city + "市" } |
 | 5 majiawei 2017-10-19 09:35:06 +08:00 用 jQuery 的$.getScript()呗 |
 | 6 kosilence 2017-10-19 11:15:43 +08:00 打开浏览器控制台可以看到错误信息，点击时，js 内容还没有从后台返回，remote_ip_info 还没有被定义 |
Select Language