How to retrieve data from input without refresh, form, and submit button ? (Ajax, Jquery)

Question

How to get data from input without refresh, form, and submit button (jquery & ajax) like comment facebook ?

Get data when input on enter.

<body>
<input class="form-control input-sm" id="komentar" type="text">
<script>
$('#komentar').submit(function() {
console.log($('#komentar').val());
});
</body>

Possible duplicate of [jQuery AJAX submit form](https://stackoverflow.com/questions/1960240/jquery-ajax-submit-form) — Shubham Jain, Nov 06 '17 at 07:55
Search before write your question there are a lot of answers to your questions — Eng_Farghly, Nov 06 '17 at 08:09
the reason I am writing because I have not found the right answer. how to input data without
, and submit button without refresh page ..? if you can please write here — Aditya, Nov 06 '17 at 08:20

Rakesh Nair · Answer 1 · 2017-11-06T07:58:29.887

0

Use keypress, if you want to get the data when user presses enter.

 <body>
    <input class="form-control input-sm" id="komentar" type="text">
    <script>
       $('#komentar').keypress(function(e) {
        if(e.which == 13) {
           console.log($('#komentar').val());
        }});
    </script>
 </body>

edited Nov 06 '17 at 07:58

answered Nov 06 '17 at 07:48

Rakesh Nair

1,083
3
21
30

take the data when press enter in keyboard, not when typed or writing – Aditya Nov 06 '17 at 07:54

score 0 · Answer 2 · answered Nov 06 '17 at 08:00

0

Submit will do the post back. So, we need to use click() instead of submit as below

`<script>
    $('#komentar').click(function(){
       console.log('');
    });
</script>`

Or use <button>INSTEAD OF INPUT</button> if possible

answered Nov 06 '17 at 08:00

jithil

651
6
8

How to retrieve data from input without refresh, form, and submit button ? (Ajax, Jquery)

2 Answers2