在jQuery中有替代.load()吗?

在jQuery中有替代.load()吗?

是的,如果您需要对.load()提供的内容进行额外控制,可以直接使用$.ajax()

还有其他 $.ajax()速记方法可用 。

  • $.get()
  • $.getJSON()
  • $.getScript()
  • $.post()

使用$ .ajax而不是.load函数。 但请确保将dataType指定为ajax函数的html。 .load只是$ .ajax函数的缩短版本,其中dataType是html。

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

如前所述,您可以直接使用$ .ajax()。

这是一个例子。

 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'); } }); } 

对于jquery lib> 1.7

 $('#test_image').on("load",function() { alert("fully loaded !!!"); }); 

如果您需要在页面加载时发生某些事情,请相对于文档执行此操作。

例:

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

这里我使用find()函数将文档作为相对父级,而不是使用load()将div作为相对父级。

 $('#test_image').ready(function() { alert("fully loaded !!!"); }); 

试试这个它会起作用