通过ajax重新加载特定div的内容

Question

我有一个包含leftContent和rightContent Div个ID的网页，在leftContent内有一个表单提交时我希望leftContent显示消息，而rightContent div应保持不变，不更改或重新加载。

为实现这一目标，我在AJAX Success

上尝试了以下操作

尝试1

$('#leftContent').load('test.php');

问题是，leftContent最终会显示整个页面而不是仅显示消息

尝试2

$('#leftContent').load('test.php #container');

问题是，虽然这对leftContent完全正常，但rightContent div消失了。

如果我能得到一些帮助，我将非常感激。

Answer 1

我建议使用 jQuery.ajax 而不是load（），性能更好，代码更有条理。

示例：

jQuery.ajax ({
     url: 'your_url'
     type: 'get',
     dataType: 'html',
     success: function (data)
    {
        _html = jQuery var (data);
        // do some thing With html eg. _html.find ('div') addClass ('red')
        jQuery ('# target') html (_html.);
    }
});

Answer 2

这应该有用。

$('#leftContent').load(document.URL +  ' #leftContent');

在附加的字符串中添加空格。