Question

我想异步输入一个值以优化页面的显示性能。

这是我想与AJAX调用一起使用的代码段，除了我不知道如何在输入中进行此调用。

<td class="why_input_wrapper">
   <input id="plan_link_url;<?php echo $plan_infos; ?>" value="<?php echo RcaviewController::getBrand($brand_owner[0]); ?>"/>
</td>

Answer 1

您的输入是否依赖于其他输入，如果是，那么您需要使用类似于以下内容：-

$("dependent_input_id").on("event",function(){
  $.ajax({
        url: "api call url",
        data:{param1:value, param2: value,...},
        success:function(){
          //update the the input
        }
  });
});

Answer 2

<?php
$inputid = "plan_link_url;$plan_infos;";
?>
<td class="why_input_wrapper">
   <input id="<?= $inputid ?>" value=""/>
</td>
<script>
jQuery( document ).ready(function() {
jQuery.ajax({
            type: "POST",
            url: "/Rcaview/getBrand",
            dataType: 'json',
            data: {
                brand: "<?= $brand_owner[0]; ?>,
            },
            error: function () {
                console.log("error");
            },
            success: function (res) {
                if (res) {
                   jQuery("#<?= $inputid ?>").val(res);
                }
            }
});
});
</script>

许多事情必须根据您的结构和代码进行更改，这未在问题中显示。在此答复中，我假设：

据您从代码中了解，输入ID为“ plan_link_url;$plan_infos;”
要调用的控制器与端点/Rcaview/getBrand之间存在绑定（如果不同，请进行更改）
这是一个使用brand参数作为输入的POST调用，并且dataType为JSON（如果不同，则进行更改）
响应只是要添加的值，否则请相应地解析变量result
您可以使用jQuery，否则可以通过首选库或纯JS更改AJAX调用的方式，将jQuery("#<?= $inputid ?>").val(res);替换为document.getElementById('<?= $inputid ?>').value = res;，将ready()函数替换为{{1} }

异步设置输入值

2 个答案: