Javascript 单击按钮时Ajax重新加载div内容

我的想法是：我有一个主DIV，每行有两个cars info的内容小DIV，这是我通过DB的查询得到的，我想在按下该按钮时用DB的新内容重新加载主内容，这可能吗？请告知

    function refreshDiv(){
       var container = document.getElementById("divId");
       var content = container.innerHTML;
       container.innerHTML= content;
    }

代码如下所示：

<div class="SearchBlocks">
    <div class="row">
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        <div class="car_section">INFO</div>
        ......

    </div>
    <h2 class="load_more"><a id="more_link" href="#">Load more <i class="icon-custom_arrow"></i></a></h2>
</div>

    function refreshDiv(){
       var container = document.getElementById("divId");
       var content = container.innerHTML;
       container.innerHTML= content;
    }

信息
信息
信息
信息
......

您还没有显示生成AJAX请求所使用的确切代码，但是一般的模式是这样的，更新逻辑被提取到它自己的函数中，该函数在加载页面时调用，并单击

#reload_cars

按钮

function getData() {
    $.ajax({
        url: 'yoururl.foo',
        success: function(data) {
            $('#row .car_section').remove();
            $('#row').append(data);
        }
    });
}
$('#reload_cars').on('click', getData);
getData();

    function refreshDiv(){
       var container = document.getElementById("divId");
       var content = container.innerHTML;
       container.innerHTML= content;
    }

只用

    function refreshDiv(){
       var container = document.getElementById("divId");
       var content = container.innerHTML;
       container.innerHTML= content;
    }

---

这是可能的。到目前为止你试过什么？还有，您使用的是什么后端技术和数据库。@Kenneth这是PHP MySQL的WP定制，我对此没有太多经验，所以没有做太多尝试……嗯，您至少需要付出一些努力。所以不是一个程序员的免费网站。网络上有很多例子。我建议你尝试一下，当你真的陷入困境时，你可以回来问一个具体的问题question@Kenneth正如你所看到的，这不是实际的代码，所以我不是在试图解决我的个人问题，我是在试图为其他人重新加载Ajax获得最佳解决方案。为了你的答案，我忘了提到URL不是静态的，该页面是从搜索加载的，因此类似于：

URL/newyork

和

URL/Las Vegas

。。。等等，我如何在你的代码中添加

url

，以应对我的这种情况？@Jimmy，我认为你真的应该更详细地更新你的OP。您可以使用所需的值附加URL:

URL:'URL/'+location

，假设

location

是保存值的变量我尝试使用特定URL并测试了该页面，但代码没有完全正常工作，什么也没有发生，只需转到页面的第一个部分，然后再次将URL更改为“URL/#”，请用代码的详细信息更新您的问题。我无法调试我看不见的东西；）谢谢Rory！是的，我用HTML更新了更多细节，来自主div内部的数据来自一个没有限制的查询，所以它就像30个40个结果，我希望将其限制为10个，并希望加载下一个10个，删除前10个，诸如此类感谢您的回答；你能写一些描述吗？别忘了，只有当url在同一个域（和子域）中时，ajax才起作用。它不适用于其他网站的URL谢谢你的回答<代码>document.getElementById（“divId”）但是代码中的

divId

在哪里？“divId”是要重新加载的div的id