如何在 javascript 中将数据加载到特定的输入值 - How to load data to specific input value in javascript?

How to load data to specific input value in javascript?

本文关键字：输入加载数据 javascript | 更新日期: 2023-09-27

我有这段代码，用于在用户单击链接后从PHP加载数据。然后我将收到的数据显示给div id="vies"：

<script>
    $(document).ready(function(){
      $("#data-received").hide();
      $("#click_me").click(function(){
        $("#data-received").show();
        $("#vies").load('127.0.0.1/get_data/', {VATID : $("#vat_id").val()});   
      });
    });
</script>

<label>VATID</label>
<input type="text" id="vat_id" name="vat_id" value="">
<a href="#" id="click_me">Check VATID</a>

<div id="data-received">
    <label>Data received from PHP</label>
    <div id="vies">.. checking ..
        <input type="text" name="put-here" id="put-here" value="test-value"/>
    </div>
</div>

问题是如何加载数据并在此处作为输入值插入：

<input type="text" name="put-here" id="put-here" value="test-value"/>

而是整个分区。

<script>
    $(document).ready(function(){
        $("#data-received").hide();
        $("#click_me").click(function(){
            $("#data-received").show();
            $.post('http://127.0.0.1/get_data/', {
                VATID : $("#vat_id").val()
            }, function(data) {
                $('#put-here').val(data);
            });
        });
    });
</script>

load（）是一个方便的函数，它执行 ajax 请求，然后用返回的数据替换目标元素。当你不想替换整个元素时，使用 jquery.ajax（）来执行请求。在成功回调中，您可以使用 .val（）将值设置为返回的数据。

$.ajax({
  url: "127.0.0.1/get_data/",
  data: {VATID : $("#vat_id").val()}
}).done(function(data) {
  $( '#put-here' ).val(data);
});