Javascript 加载另一页';s HTML并使用jQuery通过选择器对其进行解析
我尝试在JSFIDLE上作为示例Javascript 加载另一页';s HTML并使用jQuery通过选择器对其进行解析,javascript,jquery,html,Javascript,Jquery,Html,我尝试在JSFIDLE上作为示例 $.get('/user/login/', function(content){ /* (jsFiddle.net/user/login is in the same domain) */ alert($('*',content).html()); }); 但它又回来了 <a href="/">JSFiddle</a> 我做错了什么?例如,我想获取HTML的标题,但是$('title',content)不起作用据我所
$.get('/user/login/', function(content){ /* (jsFiddle.net/user/login is in the same domain) */
alert($('*',content).html());
});
但它又回来了
<a href="/">JSFiddle</a>
我做错了什么?例如,我想获取HTML的标题,但是$('title',content)不起作用据我所知,JSFIDLE不允许AJAX调用
EDIT:但它们确实提供了某种模拟,尽管我没有使用它据我所知,JSFiddle不允许AJAX调用
编辑:但它们确实提供了某种模拟,尽管我没有使用过它可以在没有Ajax的情况下实现这一点
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Load remote content into object element</title>
</head>
<body>
<div id="siteloader"></div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$("#siteloader").html('<object data="http://tired.com/">');
</script>
</body>
</html>
将远程内容加载到对象元素中
$(“#siteloader”).html(“”);
获取页面后,尝试对其进行解析。无需Ajax即可完成此操作
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Load remote content into object element</title>
</head>
<body>
<div id="siteloader"></div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$("#siteloader").html('<object data="http://tired.com/">');
</script>
</body>
</html>
将远程内容加载到对象元素中
$(“#siteloader”).html(“”);
获取页面后,尝试对其进行解析。它将检查jsfiddles登录页面。差不多
http://jsfiddle.net/user/login/
您可以使用类似于/echo/json/
的内容作为url:
<div class='wrapper'>
<p>JSON will be received in 3 seconds</p>
<ul id='post'></ul>
</div>
new Request.JSON({
url: '/echo/json/',
data: {
json: JSON.encode({
text: 'some text',
array: [1, 2, 'three'],
object: {
par1: 'another text',
par2: [3, 2, 'one'],
par3: {}
}
}),
delay: 3
},
onSuccess: function(response) {
show_response(response, $('post'));
}
}).send();
show_response = function(obj, result) {
$H(obj).each(function(v, k) {
new Element('li', {
text: k + ': ' + v
}).inject(result);
});
result.highlight();
};
JSON将在3秒内收到
new Request.JSON({
url:“/echo/json/”,
数据:{
json:json.encode({
文本:“一些文本”,
数组:[1,2,'3'],
对象:{
par1:‘另一个文本’,
par2:[3,2,'一'],
par3:{}
}
}),
延误:3
},
onSuccess:函数(响应){
显示_响应(响应,$('post'));
}
}).send();
显示\响应=功能(obj,结果){
$H(obj)。每个功能(v,k){
新元素('li'{
文本:k+':'+v
}).注入(结果);
});
result.highlight();
};
jsiddle演示:它将检查jsiddles登录页面。差不多
http://jsfiddle.net/user/login/
您可以使用类似于/echo/json/
的内容作为url:
<div class='wrapper'>
<p>JSON will be received in 3 seconds</p>
<ul id='post'></ul>
</div>
new Request.JSON({
url: '/echo/json/',
data: {
json: JSON.encode({
text: 'some text',
array: [1, 2, 'three'],
object: {
par1: 'another text',
par2: [3, 2, 'one'],
par3: {}
}
}),
delay: 3
},
onSuccess: function(response) {
show_response(response, $('post'));
}
}).send();
show_response = function(obj, result) {
$H(obj).each(function(v, k) {
new Element('li', {
text: k + ': ' + v
}).inject(result);
});
result.highlight();
};
JSON将在3秒内收到
new Request.JSON({
url:“/echo/json/”,
数据:{
json:json.encode({
文本:“一些文本”,
数组:[1,2,'3'],
对象:{
par1:‘另一个文本’,
par2:[3,2,'一'],
par3:{}
}
}),
延误:3
},
onSuccess:函数(响应){
显示_响应(响应,$('post'));
}
}).send();
显示\响应=功能(obj,结果){
$H(obj)。每个功能(v,k){
新元素('li'{
文本:k+':'+v
}).注入(结果);
});
result.highlight();
};
jsiddle演示:想想jsiddle如何理解这个
/user/login/
url。不,我在同一个域中调用了他们的登录页面。如果您在本地尝试,请确保通过Web服务器运行它。如果使用file://协议,AJAX调用将无法工作。这是可用的最快链接。我只是想得到一个站点的域内公共页面想想JSFIDLE如何理解这个/user/login/
url。不,我在同一个域中调用了他们的登录页面。如果您在本地尝试,请确保通过Web服务器运行它。如果使用file://协议,AJAX调用将无法工作。这是可用的最快链接。我只是想得到一个站点的域内公共页面谢谢,但我不想加载内容,只想解析一些值,比如titleThanks,但我不想加载内容,只想解析一些值,比如title