php - 如何通过 AJAX 更改变量？

Question

我需要关于 AJAX 的建议。

我有一个页面，用于在块中显示信息，例如：

<div1 container>
   <div2>
      some data
   </div2>
   <div3>
    <?php echo $variable;?>
   </div3>
</div>

并有另一个产生数据的页面：

function example( $array )
{
   ...some code...
return $answer
}

$variable = example($array);

我正在从表单发送带有一些 POST 数据的 AJAX 查询，我需要在操作后获取新变量并将其放入相同的新参数中。

这是我的 AJAX 函数：

function sendDataChild(btn) {
var form = $(btn).closest('FORM[name=answer-form]');
var data = form.serialize();
$.ajax({
    type: "POST",
    url: "get.php",
    dataType: "post",
    data: data,
    cache: false,
    success: function (data) {
        form[0].reset();
        //document.location.reload();
    },
    error: function (xhr, str) {
        alert('Возникла ошибка: ' + xhr.responseCode);
    }
});
return false;};

当我清除 // 并重新加载页面时它可以工作，但这是错误的方式，因为我的页面很大。有人可以建议如何制作吗？

Answer 1

我认为您希望成功函数将数据输出到您希望变量显示的 div 中：

success: function (data) {
    form[0].reset();
    $("#divId").html(data);
}

Answer 2

给要显示结果的 div 一个 id

<div id="div3">

</div>

你需要改变你的ajax

 function sendDataChild(btn) {
var form = $(btn).closest('FORM[name=answer-form]');
var data = form.serialize();
$.ajax({
    type: "POST",
    url: "get.php",
    dataType: "post",
    data: data,
    cache: false,
    success: function (data) {
        $('div3').html(data);
    },
    error: function (xhr, str) {
        alert('Возникла ошибка: ' + xhr.responseCode);
    }
});
}

Answer 3

网页

<div1 container>
   <div2>
      <!--some data-->
   </div2>
   <div3 id="div3">

   </div3>
</div>

PHP 页面

function example( $array )
{
   //...some code...
   echo $answer;
   exit;
}

还有你的 JavaScript

function sendDataChild(btn) {
var form = $(btn).closest('FORM[name=answer-form]');
var data = form.serialize();
$.ajax({
    type: "POST",
    url: "get.php",
    dataType: "post",
    data: data,
    cache: false,
    success: function (data) {
        $('div3').html(data);
    }
});
}