Javascript 使用JQuery将PHP echo移动到另一个div

Javascript 使用JQuery将PHP echo移动到另一个div,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我有一个div1和div2的网站。div1包含一个按钮,该按钮触发一个ajax函数,该函数连接到一个从数据库获取某些内容的PHP文件。然后数据库echo输出一些输出。问题是这个输出显示在按钮所在的同一个div中。我需要它显示在第2部分,而不是第1部分 我听说这可以使用JQuery来完成,因为它可以将一些回音代码从一个div移动到另一个div,但是我找不到任何与我的问题相关的东西。也许你知道 下面是一些可能有助于理解问题的代码: <div id="house_wall1"> //Thi

我有一个div1和div2的网站。div1包含一个按钮,该按钮触发一个ajax函数,该函数连接到一个从数据库获取某些内容的PHP文件。然后数据库echo输出一些输出。问题是这个输出显示在按钮所在的同一个div中。我需要它显示在第2部分,而不是第1部分

我听说这可以使用JQuery来完成,因为它可以将一些回音代码从一个div移动到另一个div,但是我找不到任何与我的问题相关的东西。也许你知道

下面是一些可能有助于理解问题的代码:

<div id="house_wall1"> //This is the div2
 <?php if (login_check($mysqli) == true): ?>
    <?php
        require('database/refresh_house.php');

        //This is the place I want the element echo'ed out.
    ?>
</div>
这是关键:

document.getElementById("item-2").innerHTML=xmlhttp.responseText;
如果希望在该div中显示对AJAX请求的响应,则需要为div2指定元素ID。

这是关键一行:

document.getElementById("item-2").innerHTML=xmlhttp.responseText;
如果希望在该div中显示对AJAX请求的响应,则需要为div2指定元素ID。

这是关键一行:

document.getElementById("item-2").innerHTML=xmlhttp.responseText;
如果希望在该div中显示对AJAX请求的响应,则需要为div2指定元素ID。

这是关键一行:

document.getElementById("item-2").innerHTML=xmlhttp.responseText;

如果希望在该div中显示对AJAX请求的响应,则需要为div2指定元素ID。

要使用jQuery将内容从DIV1移动到div2:

var content = $('#DIV1').html();
$('#DIV2').html(content);
// if needed, clean the other div content
$('#DIV1').html('')
您可以将此功能添加到AJAX调用的“complete”函数中,该函数将在请求完成时调用

这里有一个例子:

$.ajax({
url:        url,
beforeSend: function(xhr, settings) {
        // code to execute before request
},
success: function(data, textStatus, error) {
        // code to execute when request succeeds
},
error: function(xhr, textStatus, error) {
        // code to execute before request fails
},
complete: function(xhr, textStatus) {
        // HERE WRITE YOUR CODE
}
});

要使用jQuery将内容从DIV1移动到DIV2,请执行以下操作:

var content = $('#DIV1').html();
$('#DIV2').html(content);
// if needed, clean the other div content
$('#DIV1').html('')
您可以将此功能添加到AJAX调用的“complete”函数中,该函数将在请求完成时调用

这里有一个例子:

$.ajax({
url:        url,
beforeSend: function(xhr, settings) {
        // code to execute before request
},
success: function(data, textStatus, error) {
        // code to execute when request succeeds
},
error: function(xhr, textStatus, error) {
        // code to execute before request fails
},
complete: function(xhr, textStatus) {
        // HERE WRITE YOUR CODE
}
});

要使用jQuery将内容从DIV1移动到DIV2,请执行以下操作:

var content = $('#DIV1').html();
$('#DIV2').html(content);
// if needed, clean the other div content
$('#DIV1').html('')
您可以将此功能添加到AJAX调用的“complete”函数中,该函数将在请求完成时调用

这里有一个例子:

$.ajax({
url:        url,
beforeSend: function(xhr, settings) {
        // code to execute before request
},
success: function(data, textStatus, error) {
        // code to execute when request succeeds
},
error: function(xhr, textStatus, error) {
        // code to execute before request fails
},
complete: function(xhr, textStatus) {
        // HERE WRITE YOUR CODE
}
});

要使用jQuery将内容从DIV1移动到DIV2,请执行以下操作:

var content = $('#DIV1').html();
$('#DIV2').html(content);
// if needed, clean the other div content
$('#DIV1').html('')
您可以将此功能添加到AJAX调用的“complete”函数中,该函数将在请求完成时调用

这里有一个例子:

$.ajax({
url:        url,
beforeSend: function(xhr, settings) {
        // code to execute before request
},
success: function(data, textStatus, error) {
        // code to execute when request succeeds
},
error: function(xhr, textStatus, error) {
        // code to execute before request fails
},
complete: function(xhr, textStatus) {
        // HERE WRITE YOUR CODE
}
});


请提供您的AJAX代码?这就是需要进行更改的地方。谢谢@Jon,我现在已经添加了AJAX。请您提供您的AJAX代码好吗?这就是需要进行更改的地方。谢谢@Jon,我现在已经添加了AJAX。请您提供您的AJAX代码好吗?这就是需要进行更改的地方。谢谢@Jon,我现在已经添加了AJAX。请您提供您的AJAX代码好吗?这就是需要进行更改的地方。谢谢@Jon,我现在已经添加了AjaxWow真的吗?这听起来比我想象的要容易,我该怎么做才能具体说明呢?谢谢好吧,你需要的不是“item-2”,而是“div2”或者目标div的ID属性是什么……只要写“house_wall1”而不是“item-2”?哦,很好,现在唯一的问题是我得到了一个sql错误,但我想这超出了这个问题的范围。非常感谢,很高兴你把它整理好了。将来,请阅读您正在使用的Javascript。。。哇,真的吗?这听起来比我想象的要容易,我该怎么做才能具体说明呢?谢谢好吧,你需要的不是“item-2”,而是“div2”或者目标div的ID属性是什么……只要写“house_wall1”而不是“item-2”?哦,很好,现在唯一的问题是我得到了一个sql错误,但我想这超出了这个问题的范围。非常感谢,很高兴你把它整理好了。将来,请阅读您正在使用的Javascript。。。哇,真的吗?这听起来比我想象的要容易,我该怎么做才能具体说明呢?谢谢好吧,你需要的不是“item-2”,而是“div2”或者目标div的ID属性是什么……只要写“house_wall1”而不是“item-2”?哦,很好,现在唯一的问题是我得到了一个sql错误,但我想这超出了这个问题的范围。非常感谢,很高兴你把它整理好了。将来,请阅读您正在使用的Javascript。。。哇,真的吗?这听起来比我想象的要容易,我该怎么做才能具体说明呢?谢谢好吧,你需要的不是“item-2”,而是“div2”或者目标div的ID属性是什么……只要写“house_wall1”而不是“item-2”?哦,很好,现在唯一的问题是我得到了一个sql错误,但我想这超出了这个问题的范围。非常感谢,很高兴你把它整理好了。将来,请阅读您正在使用的Javascript。。。谢谢,我也来看看这个,我对所有的想法都开放,我也来看看这个,我对所有的想法都开放,我也来看看这个,我对所有的想法都开放,我也来看看这个,我对所有的想法都开放