jQuery 加载变量,并分成两部分?

发布于 2024-09-29 13:18:12 字数 363 浏览 5 评论 0原文

我正在寻找一种提高代码性能的方法。目前我做了类似的事情:

$(".div1").load("Page.aspx #section1");
$(".div2").load("Page.aspx #section2");

但是,这意味着我必须发出 2 个 GET 请求。有没有办法通过执行以下操作将其减少到 1 个请求:

var content = $.load("Page.aspx");
$(".div1").html(content("#section1"));
$(".div2").html(content("#section2"));

干杯!

I'm looking for a way of increasing the performance of my code. Currently I do something similar to this:

$(".div1").load("Page.aspx #section1");
$(".div2").load("Page.aspx #section2");

However, this means I'm having to make 2 GET requests. Is there any way of reducing this to 1 request by doing something like this:

var content = $.load("Page.aspx");
$(".div1").html(content("#section1"));
$(".div2").html(content("#section2"));

Cheers!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

胡大本事 2024-10-06 13:18:12

试试这个:

$.get('Page.aspx', function(data) {
  var dom = $(data);
  $(".div1").html(dom.find("#section1"));
  $(".div2").html(dom.find("#section2"));
});

顺便说一句:您的部分可能需要一个holder元素,因为在我的示例中,dom保存了标签内容的第一级,并且find 在第一层找不到任何内容:

<body>
  <div id="holder">
    <div id="section1"></div>
    <div id="section2></div>
  </div>
</body>  

Try this:

$.get('Page.aspx', function(data) {
  var dom = $(data);
  $(".div1").html(dom.find("#section1"));
  $(".div2").html(dom.find("#section2"));
});

btw: probably you'll need a holder-element around your sections, because dom in my example holds the first leve of your <body> tag content and find won't find anything on this first level:

<body>
  <div id="holder">
    <div id="section1"></div>
    <div id="section2></div>
  </div>
</body>  
何时共饮酒 2024-10-06 13:18:12

可以改用 JSON 吗?

$.getJSON('Page.aspx', function(data) {
    $(".div1").html(data.section1);
    $(".div2").html(data.section2);
});

尽管您需要对来自服务器的响应进行编码,但这比常规获取并遍历结果要快。

Can you switch to use JSON?

$.getJSON('Page.aspx', function(data) {
    $(".div1").html(data.section1);
    $(".div2").html(data.section2);
});

This would be faster than doing a regular get and traversing the result, albeit you'll need to encode your response from the server.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文