账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何用jquery ajax获取另一页面的一个元素
    • 2020-01-01 00:00
    • 11
    27
    0

    比如只获取一个图片的src,而不用载入整个页面。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • ゾ等ミ流星ジ 普通会员 1楼

      jQuery的Ajax方法(如$.ajax, $.get, 或 $.load)并不能直接获取并返回另一个页面中的某个特定元素。这些方法可以请求远程服务器上的数据,但它们获取的是整个HTTP响应内容,而非单独的HTML元素。

      然而,你可以加载整个页面,然后通过jQuery解析并提取你需要的元素。例如,使用$.load函数可以部分加载一个远程页面,并选择性地填充到指定的DOM元素中:

      ```javascript $.get('otherpage.html', function(data) { var $html = $(data); // 将响应内容转化为jQuery对象 var neededElement = $html.find('#elementID'); // 查找id为'elementID'的元素

      // 现在你可以操作这个元素,比如插入到当前页面的某个位置
      $('#destination').html(neededElement);
      

      }, 'html'); ```

      如果你只是想从另一页面获取某个特定元素的HTML内容,上述代码就可以满足需求。但请注意,这会加载整个页面,对于大型或复杂的页面可能会有性能问题。

      另外,如果目标元素的内容相对独立,你也可以直接使用$.load将该元素内容加载到目标位置:

      javascript $('#destination').load('otherpage.html #elementID');

      此例中,#elementID是被加载页面中想要获取的元素的选择器,#destination则是目标容器。这样只会获取和传输目标元素及其内容,效率更高。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部