blocks|key|5235536|text|我会这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5235537|loadUserModules.php处理所有的用户模块，并返回一个数组，其中键是div+(一、二、三等)，值是要添加到页面的HTML块。|5235538|这将进行一个大的调用来加载所有模块。|5235539|<script+type="text/javascript">
$.getJSON('loadUserModuels.php',+function(data)+{
++$.each(data,+function(index,+value)+{+
++++$("#"+%2B+index).html(value);+
++});
});
</script>|code-block|syntax|javascript|5235540|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I'd do it like this:</p>

<p>loadUserModules.php handles all of the users modules and returns an array where keys are div IDs (one, two, three etc) and values are the HTML blocks you'll be adding to the page. </p>

<p>This will make one big call to load all your modules. </p>

<pre><code>&lt;script type="text/javascript"&gt;
$.getJSON('loadUserModuels.php', function(data) {
  $.each(data, function(index, value) { 
    $("#" + index).html(value); 
  });
});
&lt;/script&gt;
</code></pre>


blocks|key|3634720|text|将这两个放在一个新的空标签或另一个带有id的标签中，并加载到其中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3634721|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Place both s in one new empty  or another tag of your choice with id and load to it.</p>


blocks|key|3634840|text|就我个人而言，我将使用jquery.ajax函数返回json和两位信息，然后在客户端，我将获得脚本，将json中的适当数据放入适当的div标记中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3634841|使用这种方法，您可以有许多div标记，并且一个请求将以json形式返回所有数据，这些数据可以很容易地放在客户端。|3634842|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Personally, I would use the jquery.ajax function to return json with both bits of information, then at clientside, I would get the script to place the appropriate data from the json in to appropriate div tags.</p>

<p>Using this method, you could have many div tags, and a single request would return all the data in json form, which could easily be placed appropriately at clientside.</p>


blocks|key|5235577|text|您不需要发出多个调用，只需对请求和响应进行不同的格式化即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5235578|例如，使用json。|5235579|++$.ajax(+{
++++url:+url,
++++dataType:+'json',
++++data:+data,
++++success:+function(+response+)+{
+++++++$("#one").html(+response.one+);
+++++++$("#two").html(+response.two+);
++++}
+++}+);|code-block|syntax|javascript|5235580|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You don't need to issue multiple calls, you just need to format your request and response differently.</p>

<p>Example, useing json.</p>

<pre><code>  $.ajax( {
    url: url,
    dataType: 'json',
    data: data,
    success: function( response ) {
       $("#one").html( response.one );
       $("#two").html( response.two );
    }
   } );
</code></pre>


blocks|key|1568041|text|function+loadModules()+{
++++$('#section+div[class="module"]').each(function()+{
++++++++var+ajaxModule+=+$(this);
++++++++$.ajax({
++++++++++++url:+'modules/'+%2B+$(ajaxModule).attr('modulePage'),
++++++++++++cache:+false,
++++++++++++type:+'post',
++++++++++++async:true,
++++++++++++success:+function(data){
++++++++++++++++if(data)
++++++++++++++++++++$(ajaxModule).html(data);
++++++++++++++++else
++++++++++++++++++++$(ajaxModule).html('The+page+that+you+requested+was+not+found.');
++++++++++++}
++++++++});
++++});
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1568042|您可以使用下面这样的函数。我为通过ajax加载模块而编写的。你可以这样设置你的模块；|unstyled|1568043|<div+class="module"+modulePage="MODULETEST.PHP"></div>|1568044|并在上调用此函数；|1568045|$(document).ready(function()+{...});|1568046|它将加载所有模块。|1568047|顺便说一句，别忘了async:+ajax上的true语句。否则，当你同时加载3个或更多模块时，你的页面就会冻结。通常情况下，async:true语句是默认设置的，但是如果你像我一样在ajaxSetup函数上指定了async:false，你不必忘记它。|1568048|祝好运!|1568049|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|F|7|12|8|@]|9|@]|A|$]]]|T|$]]

<pre><code>function loadModules() {
    $('#section div[class="module"]').each(function() {
        var ajaxModule = $(this);
        $.ajax({
            url: 'modules/' + $(ajaxModule).attr('modulePage'),
            cache: false,
            type: 'post',
            async:true,
            success: function(data){
                if(data)
                    $(ajaxModule).html(data);
                else
                    $(ajaxModule).html('The page that you requested was not found.');
            }
        });
    });
}
</code></pre>

<p>You can use a function like this. I wrote it for load modules via ajax. You can set your modules like this;</p>

<pre><code>&lt;div class="module" modulePage="MODULETEST.PHP"&gt;&lt;/div&gt;
</code></pre>

<p>And call this function on;</p>

<pre><code>$(document).ready(function() {...});
</code></pre>

<p>It will gonna load all modules.</p>

<p>Btw, don't forget async:true statement on ajax. If not, when you load 3 or more modules at the same time, your page gonna freeze. 
Normally async:true statement is default setted but if you assigned async:false on ajaxSetup function like me, you don't have to forget it.</p>

<p>good luck!</p>


<p>I was wondering if there's a way to allow jQuery loading multiple HTML containers with just one call. For example:</p>

<pre><code>.
&lt;div id='one'&gt;&lt;/div&gt;
&lt;div id='two'&gt;&lt;/div&gt;
.
.
&lt;script type="text/javascript"&gt;
   jQuery("#one").load("somephpmodule.php", "",
        function(responseText, textStatus, XMLHttpRequest) {
             if(textStatus == 'error') {
                 jQuery('#one').html('There was an error making the AJAX request');
             }});
&lt;/script&gt;
.
</code></pre>

<p>In the code above, only <code>div</code> "one" will be loaded from the <code>somephpmodule.php</code> output. How to load also <code>div</code> "two" with one call? Or simply do I need to issue multiple calls?</p>


Can one jQuery call load multiple HTML containers?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我想知道是否有一种方法可以让jQuery在一次调用中加载多个HTML容器。例如：.<div id='one'></div><div id='two'></div>..<script type="text/javascript">   jQuery("#one").load("somephpmodule.php", "",        function(responseText, textStat

问一个jQuery调用可以加载多个HTML容器吗？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一个jQuery调用可以加载多个HTML容器吗？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一个jQuery调用可以加载多个HTML容器吗？
EN