blocks|key|1909706|text|是的，如果您需要对.load()提供的内容进行额外控制，您可以直接使用$.ajax()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1909707|还有其他的$.ajax()+shorthand+methods+available。|1909708|1909709|$.get()|unordered-list-item|1909710|$.getJSON()|1909711|$.getScript()|1909712|$.post()|1909713|1909714|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/load/|1|http://api.jquery.com/jQuery.ajax/|2|http://api.jquery.com/category/ajax/shorthand-methods/|3|http://api.jquery.com/jQuery.get/|4|http://api.jquery.com/jQuery.getJSON/|5|http://api.jquery.com/jQuery.getScript/|6|http://api.jquery.com/jQuery.post/^0|9|7|Z|8|9|7|0|Z|8|1|0|5|8|5|10|2|0|0|0|7|0|7|3|0|0|B|0|B|4|0|0|D|0|D|5|0|0|8|0|8|6|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]]|D|@$9|1H|A|1I|1|1J]|$9|1K|A|1L|1|1M]]|E|$]]|$1|F|3|G|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|H|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|1U|8|@$9|1V|A|1W|B|C]]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|L|3|M|5|K|7|20|8|@$9|21|A|22|B|C]]|D|@$9|23|A|24|1|25]]|E|$]]|$1|N|3|O|5|K|7|26|8|@$9|27|A|28|B|C]]|D|@$9|29|A|2A|1|2B]]|E|$]]|$1|P|3|Q|5|K|7|2C|8|@$9|2D|A|2E|B|C]]|D|@$9|2F|A|2G|1|2H]]|E|$]]|$1|R|3|-4|5|6|7|2I|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|2J|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]|12|$5|V|W|X|E|$Y|13]]|14|$5|V|W|X|E|$Y|15]]|16|$5|V|W|X|E|$Y|17]]|18|$5|V|W|X|E|$Y|19]]|1A|$5|V|W|X|E|$Y|1B]]]]

Yes, you can use <a href="http://api.jquery.com/jQuery.ajax/" rel="noreferrer"><code>$.ajax()</code></a> directly if you need additional control over what <a href="http://api.jquery.com/load/" rel="noreferrer"><code>.load()</code></a> offers.

There are also other <a href="http://api.jquery.com/category/ajax/shorthand-methods/" rel="noreferrer"><code>$.ajax()</code> shorthand methods available</a>.

<ul>
<li><a href="http://api.jquery.com/jQuery.get/" rel="noreferrer"><code>$.get()</code></a></li>
<li><a href="http://api.jquery.com/jQuery.getJSON/" rel="noreferrer"><code>$.getJSON()</code></a></li>
<li><a href="http://api.jquery.com/jQuery.getScript/" rel="noreferrer"><code>$.getScript()</code></a></li>
<li><a href="http://api.jquery.com/jQuery.post/" rel="noreferrer"><code>$.post()</code></a></li>
</ul>

blocks|key|1903784|text|如前所述，您可以直接使用$.ajax()。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1903785|这里有一个这样的例子。|1903786|function+update_user_ajx(user_id){

+var+data+=+{+
+username:+$('#UsernamePost_'+%2B+user_id).val(),+
+password:+$('#PasswordPost_'+%2B+user_id).val(),
+email:+++$('#EmailPost_'+%2B+user_id).val(),
+accesslevel:+$('#AccessLevelPost_'+%2B+user_id).val()
+};

+$.ajax({
++url:+"/managesettings/updateuser/"+%2B+user_id,
++type:+"POST",
++data:+data,
++cache:+false,
++success:+function+(html)+{

+++/*+Replace+Content+*/
+++$('#UpdateUsers').html(html);

+++/*+Try+Fade+In+*/
+++$('#UpdateUsers').fadeIn('slow');+
++}
+});
}|code-block|syntax|javascript|1903787|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|$]]

As has been mentioned you can use $.ajax() directly.

Here is an example of this.

<pre><code>function update_user_ajx(user_id){

 var data = { 
 username: $('#UsernamePost_' + user_id).val(), 
 password: $('#PasswordPost_' + user_id).val(),
 email: $('#EmailPost_' + user_id).val(),
 accesslevel: $('#AccessLevelPost_' + user_id).val()
 };

 $.ajax({
 url: "/managesettings/updateuser/" + user_id,
 type: "POST",
 data: data,
 cache: false,
 success: function (html) {

 /* Replace Content */
 $('#UpdateUsers').html(html);

 /* Try Fade In */
 $('#UpdateUsers').fadeIn('slow'); 
 }
 });
}
</code></pre>

blocks|key|2579076|text|使用$.ajax而不是.load函数。但是要确保将ajax函数的dataType指定为html。.load只是$.ajax函数的简化版本，其中的dataType是html。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2579077|$.ajax({
++url:+'url+to+load',
++dataType:+'html',
++success:+function(html)+{
++++...+rest+of+your+code+that+should+be+added+into+the+load+function.
++}
});|code-block|syntax|javascript|2579078|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use $.ajax instead of .load function. But make sure you specify the dataType as html for the ajax function.
.load is just a shorten version of $.ajax function where the dataType is html.

<pre><code>$.ajax({
 url: 'url to load',
 dataType: 'html',
 success: function(html) {
 ... rest of your code that should be added into the load function.
 }
});
</code></pre>

blocks|key|2579130|text|jquery+lib的>+1.7|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2579131|$('#test_image').on("load",function()+{

alert("fully+loaded+!!!");+++


});|code-block|syntax|javascript|2579132|entityMap^0|B|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

for jquery lib > 1.7

<pre><code>$('#test_image').on("load",function() {

alert("fully loaded !!!"); 


});
</code></pre>

blocks|key|1909793|text|如果您需要在页面加载时执行某些操作，请相对于文档执行此操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1909794|示例：|1909795|$(document).ready(function(){+++++++
++++var+var_name+=+$(this).find(".div_class").children(".child_div").height();
++++$(this).find(".div_class").css("min-height",+var_name);
});|code-block|syntax|javascript|1909796|在这里，我使用find()函数将文档作为相对父级，而不是使用load()将div作为相对父级。|offset|length|style|CODE|1909797|entityMap^0|0|0|0|7|6|U|6|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

If you need something to happen on page load, do it relative to the document. 

Example: 

<pre><code>$(document).ready(function(){ 
 var var_name = $(this).find(".div_class").children(".child_div").height();
 $(this).find(".div_class").css("min-height", var_name);
});
</code></pre>

Here I use the <code>find()</code> function with the document as relative parent, instead of using <code>load()</code> with the div as the relative parent.

blocks|key|1903863|text|$('#test_image').ready(function()+{
++++alert("fully+loaded+!!!");+++
+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1903864|试试这个，会有用的。|unstyled|1903865|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('#test_image').ready(function() {
 alert("fully loaded !!!"); 
 });
</code></pre>

Try this it will work

问在jQuery中有没有.load()的替代品？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中有没有.load()的替代品？EN