Question

我认为现在是时候寻求帮助了。七天阅读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。

替换/更新网站内容

2 个答案: