推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
js小白，搞不清楚XMLHttpRequest对象的异步过程。实在是不知道可以在哪里发问和向谁发问...请见谅..
zhiml0ve · 2012-10-09 23:38:16 +08:00 · 3904 次点击这是一个创建于 4432 天前的主题，其中的信息可能已经有所发展或是发生改变。
想在页面输入豆瓣的链接，然后显示书名，到底是哪个地方有问题？
希望好心人解答一下，麻烦了。
<html>
<head>
<title>Get Book Name..</title>
<script type="text/javascript">
function getit(){
var xmlReg = new XMLHttpRequest();
var curl = document.getElementById("e_url").value;
xmlReg.open("GET",curl,true);
xmlReg.onreadystatechange = handleRequest;
xmlReg.send(null);
}
function handleRequest(){
if (xmlReg.readyState==4 && xmlReg.status==200) {
var bookname = document.title;
var change = document.getElementByTagName("h1")[0];
change = bookname;
};
}
</script>
</head>
<body>
<input type="text" id="e_url" value="" />
<input type="button" id="get_it" value="Get It.." onclick="getit();"/>
</br>
<h1></h1>
</body>
</html>
希望好心人解答一下，麻烦了。
<html>
<head>
<title>Get Book Name..</title>
<script type="text/javascript">
function getit(){
var xmlReg = new XMLHttpRequest();
var curl = document.getElementById("e_url").value;
xmlReg.open("GET",curl,true);
xmlReg.onreadystatechange = handleRequest;
xmlReg.send(null);
}
function handleRequest(){
if (xmlReg.readyState==4 && xmlReg.status==200) {
var bookname = document.title;
var change = document.getElementByTagName("h1")[0];
change = bookname;
};
}
</script>
</head>
<body>
<input type="text" id="e_url" value="" />
<input type="button" id="get_it" value="Get It.." onclick="getit();"/>
</br>
<h1></h1>
</body>
</html>
 |
1
raptium 2012-10-09 23:41:04 +08:00
没细看
不过跨站的 XHR 默认是不允许的，如果豆瓣服务器没有特别支持的话 |
|
2
raptium 2012-10-09 23:42:28 +08:00  1
另外楼主如果用 Chrome 调试，Console 里应该会提到 Same Origin Policy 之类的东西，就是说的这个问题
|
 |
3
zhiml0ve OP @raptium 就是在chrome调试的，现在发现getElementsByTagName少了s，加上了；在change = bookname;语句前面加了alert(change);却完全没有反应。就是跨站不行吗？
感谢回答.. |
 |
4
zythum 2012-10-09 23:52:22 +08:00
xhr不能跨区,安全问题。如果要做的话可以做成chrome插件之类的可以。
|
 |
5
tux 2012-10-10 01:59:43 +08:00 1
chrome默认不能跨域
用 iframe 吧~ |
 |
6
chone 2012-10-10 03:25:20 +08:00
除了跨域的问题，handleRequest的逻辑也不对，数据应该是从xmlReg.responseXML取得。
document是当前页面的。 还有没有.getElementByTagName这个方法，应该是.getElementsByTagName。 关于dom的操作lz可以看一下这个 http://www.w3school.com.cn/xmldom/dom_nodes_info.asp |
 |
7
nicolazj 2012-10-10 21:47:58 +08:00
v2ex 发帖不能格式化代码吗~
|
 |
8
ant_sz 2012-10-10 22:10:24 +08:00
|
 |
9
liuyl 2012-10-10 22:23:17 +08:00
douban图书有api，调用api吧
|
 |
10
foru17 2012-10-10 22:28:57 +08:00
我学Jquery ,到Ajax Jsonp那块,犯晕了.
|
Select Language