Javascript 加载另一页';s HTML并使用jQuery通过选择器对其进行解析

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)不起作用据我所

我尝试在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)不起作用

据我所知,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