jquery $.post post data

Question

this is my post method :(Code is as per tutorial )

 $.post('test.htm',{name:test_name"}, function (data) {
        $('#feedback').html(data);
        });

I want to append'name' parameter on test.html .and then retrieve complete data on index.html page

Test.html

<body>
   <div> welcome + //How to append name here ?? </div>
</body>

I can do it on php by "$_POST" command .... whats the alternative of it on HTML page ..

Final data will be display in index.htm

<body>
    <input id="button" type="submit" value="Go" />
    <div id="feedback">    </div>

</body>

Similar Posts:

How do I POST this data to an http server?
jQuery post not returning data
Jquery Post Data
jQuery - Redirect with post data

[name:test_name"] is invalid. you sure you didn't mean to send an object? {name:"test_name"} — Kai Qing, Apr 15 '14 at 18:39

adeneo · Answer 1 · 2014-04-15T18:44:17.060

3

$.post accepts an object to be passed to the server, like so

$.post('test.htm', {name: "test_name"}, function (data) {
    $('#feedback').html(data);
});

of course, in a .htm page there is nothing to catch the request, you'll need a serverside language of some sort.

edited Apr 15 '14 at 18:44

answered Apr 15 '14 at 18:39

adeneo

312,895
29
395
388

is there any way to append "name" on HTML language ?? – user3487944 Apr 15 '14 at 18:46
Not unless you use a serverside language to catch the POST request. – adeneo Apr 15 '14 at 18:53
hmm ..like php / asp ..? – user3487944 Apr 15 '14 at 18:55
Yes, like one of those. – adeneo Apr 15 '14 at 18:59

score 0 · Answer 2 · answered Apr 15 '14 at 18:39

0

You can use something like this:

$.post('test.htm', {name: "test_name"}, function (data) {
    $('#feedback').html(data);
});

Or you could use jQuery's full $.ajax function

$.ajax({
   url: 'test.htm',
   type: 'POST',
   dataType: 'html',
   cache: false,
   data: 'name=test_name',
   error: function (e){

   },
   success: function (data){
      $('#feedback').html(data);
   }
});

answered Apr 15 '14 at 18:39

ajtrichards

29,723
13
94
101

How to append name to test.html ? – user3487944 Apr 15 '14 at 18:45
The data, in this case, will be displayed in an element that has the id="feedback" – Jay Blanchard Apr 15 '14 at 18:49
yes. thats seperate thing . I edited my post for that – user3487944 Apr 15 '14 at 19:00

jquery $.post post data

2 Answers2

Linked