替换/更新网站的内容

Question

我认为现在是要求help.Seven阅读AJAX教程的时候了，这让我感到沮丧，我比以往任何时候都更困惑。我的目标是动态更改内容，并在单击事件后加载(静态)内容。什么是最好的方式(或至少一种方式)来替换点击后的内容？(与表单无关)

Answer 1

要替换静态页面中的内容，一种方法是使用JSON对象，例如：

1)点击一个HTML按钮，关联一个onClick事件(javascript)。

2)在onClick事件中，将其设置为执行xhrPost调用(在本例中，我使用DOJO工具包，您可以使用DOJO、YUI、JQuery等

function refreshDataGrid(gridDesc, url) {
  dojo.xhrPost({
    url: unescape(url),
    handleAs : "json",
    sync: true,
    load: function (response, args) {
    if (response.success) { 
     dojo.byId('divSearchResultMessages').innerHTML = "";
     dojo.removeClass('divResults','hiddenField');
     dojo.data.ItemFileReadStore({data:response.searchResults}));
    }else {
     dijit.byId('dg'+gridDesc).setStore(null);
     dojo.byId('divSearchResultMessages').innerHTML = "<div style='text-align:center' class='warning'><br><br>" + response.messages+"</div>";
     dojo.addClass('divResults','hiddenField');
   }
    return response;
            },
            error: function (exception, args) { 
                standby.hide();
                handleAjaxError2();
                return response;        
            }
        });     
    }

3)一旦请求发送到服务器端(java) servletController，您就可以处理从javascript传递的信息(作为请求参数)，并将JSON对象返回到servlet (前端)页面

4)如果一切都正确完成，您应该看到您的页面获得了动态数据，而无需刷新整个页面。

有很多AJAX教程可以帮助您确定我所帮助的内容。我希望这能帮到你。

参考：http://www.ibm.com/developerworks/library/wa-ground/

Answer 2

您可以使用jquery在内容中已经存在的层上执行.toggleVisibility和其他操作。