重新加载div而不使用javascript重新加载页面

时间:2012-05-14 07:25:19

标签: javascript user-interface

我目前正在为我正在处理的网站进行简单和最终的UI更改,并且想知道是否有人可以帮我解决问题。

我有一个页面上有三个div,我想知道如果有人点击某个链接,我可以使用javascript重新加载这些div的内容而无需重新加载页面?

谢谢!

3 个答案:

答案 0 :(得分:1)

如果您需要访问服务器以获取内容:请阅读AJAX。有一个很好的jQuery framework使ajax调用非常容易。

如果您不需要转到服务器,只需选择您需要的元素并更改其innerHTML值。再次 - 您可以通过jQuery以更简单的方式选择元素。

答案 1 :(得分:1)

要重新加载此div,您可以使用ajax调用。

通过ajax调用,您无需重新加载页面即可获取数据,然后将div内容替换为新数据。

类似的东西

$.ajax({
 type : 'get',
 url : 'urltogetdata',
 success : function(data){
   $('#yourdiv').html(data);
 }
});

此代码是jquery代码,但它可以与其他lib一起使用

答案 2 :(得分:1)

使用AJAX。观看here

或者正如其他答案中所建议的那样 - 使用像jQuery这样的框架或库,使元素选择和AJAX尽可能简单