如何将数据加载到 javascript 中的特定输入值？

Question

我有这段代码，在用户点击 link 后加载数据表单 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"/>

而不是整个 div。

Answer 1

<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>

Answer 2

load() is a convenience function which does an ajax request and then replaces the target element with the data returned. When you don't want to replace the whole element, use jquery.ajax() to do the request. In the success callback you can set your value to the returned data using .val().

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

如何将数据加载到 javascript 中的特定输入值？

How to load data to specific input value in javascript?

html

javascript

php

forms

ajax