经过完整的AJAX重装格

问题描述

我想重装只是一个div一旦功能已被点击并执行。

  $（'newThread'）的addEvent（'提交'，addThread）。

功能addThread（五）{
    e.stop（）;
    VAR threadRequest =新Request.JSON（{
        网址：'？control.php行动=的CreateThread'，
        的onSuccess：createThreadSuccess
    }）后（本）;
}

功能createThreadSuccess（）{
    新元素（'跨'，{
        文：后的成功。
    }）注入（$（对答））;
 

我一直在使用 location.reload（真）; ，但我是正确的说这将刷新整个页面，而不仅仅是在div我在

一旦 createThreadSuccess 已执行我希望的对答分区重装，我一直在使用的的意见，但它似乎并没有在一个的jsfiddle

请注意我使用MooTools的不是jQuery的

解决方案

您不能重新载入一个div。 A DIV 是对整个网页只是一个单一的元素，自己有没有它从加载的URL，所以它不能被重新加载。您可以设置/替换Ajax调用一个div的内容，但是这绝对不是'重装'​​ - 你需要明确定义的URL来加载其新的内容

如果您想从远程URL加载它明确替换 DIV 的内容，你应该使用的 Request.HTML 而不是 Request.JSON ，并提供元素（或它的ID）作为更新参数：

如果你只是希望替换元素的内容，无需远程加载，你可以简单地做：

  $（'ID--DIV的）设置（'文字'，'文本放在元素中'）;
 

或者

  $（'ID--DIV的）集（HTML，＆LT; P＆GT;的HTML结束了＆LT; EM＆GT;内＆LT; / EM＆gt;将DIV＆LT; / P＆GT;'）;
 

或者建立一个完整的子树像你一样的新元素通话了。

至于第二问题： location.reload（）只是简写 window.location.reload（）所以，是的，它会重新加载整个页面（或帧）。它可以因为一个窗口或框架实际上有这是从装载。位置

I am trying to reload just a div once a function has been clicked and executed.

$('newThread').addEvent('submit', addThread);

function addThread(e){
    e.stop();
    var threadRequest = new Request.JSON({
        url: 'control.php?action=createThread',
        onSuccess: createThreadSuccess
    }).post(this);
}

function createThreadSuccess() {
    new Element('span',{
        'text':'Post successful.'
    }).inject($(threadList)); 

I have been using location.reload(true); but am I correct in saying this will reload the whole page and not just the the div I am after?

Once the createThreadSuccess has been executed I wish for the threadList div to reload, I have been using this link for advice but it doesn't seem to work in a jsFiddle

Please note I am using MooTools NOT jQuery

解决方案

You cannot 'reload a div'. A div is just a single element on an entire webpage, and on its own it has no URL it was loaded from, so it cannot be reloaded. You can set/replace the contents of a div with an Ajax call, but that's definitely not 'reloading' - you'd need to explicitly define the URL to load its new content from.

If you want to explicitly replace a div's contents by loading it from a remote URL, you should use Request.HTML instead of Request.JSON, and supply the element (or its ID) as the update parameter:

If you are just looking to replace the contents of an element without remote loading, you can simply do:

$('id-of-div').set('text', 'Text to be placed inside the element');

Or:

$('id-of-div').set('html', '<p>HTML ending up <em>inside</em> the div</p>');

Or build an entire subtree as you did with the new Element call already.

As for the secondary question: location.reload() is just shorthand for window.location.reload() so yes, it will reload the entire page (or frame). It can because a window or frame actually has a location it was loaded from.

这篇关于经过完整的AJAX重装格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！