How to load data to specific input value in javascript?

Question

I am having this piece of code, to load data form PHP after users click on link. Then I am displaying received data to 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>

The question is how to load data and insert as a input value here:

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

instead to whole div.

Can you give us an exmple of the data you get from /get_data/? — morha13
– morha13, Commented Jan 25, 2015 at 14:23
Mor Haviv: In this simple example I need to pass just one variable. But in reality I need to receive whole data from PHP (name, address, postcode etc.) and then paste the data as a few inputs. Is there any way to receive a array from PHP or this need to be done in different way? — Tikky
– Tikky, Commented Jan 25, 2015 at 14:51

Thomas Bormans · Accepted Answer · 2015-01-25 14:43:20Z

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>

edited Jan 25, 2015 at 14:43

Thomas Bormans

5,4127 gold badges37 silver badges51 bronze badges

answered Jan 25, 2015 at 14:29

Alexandr Viniychuk

8917 silver badges3 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James Waddington · Accepted Answer · 2015-01-25 14:32:23Z

1

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);
});

answered Jan 25, 2015 at 14:32

James Waddington

2,9252 gold badges17 silver badges24 bronze badges

1 Comment

Tikky Over a year ago

Thank you for the provided information. I wronlgy thought that I can use load() function.

Collectives™ on Stack Overflow

How to load data to specific input value in javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related