Sending ID data with jQuery AJAX

Question

I need to fetch my id and Edit the tables value..but i am not able to fetch id from database and actually i am trying to send it by this way....

$(document).on('submit', '#form_company.edit', function(e){
e.preventDefault();
// Validate form
if (form_company.valid() == true){
  // Send company information to database
  hide_ipad_keyboard();
  hide_lightbox();
  show_loading_message();
  var id        = $('#form_company').attr('data-id');
  var form_data = $('#form_company').serialize();
  var request   = 

 $.ajax({
    url:          'data.php?job=edit_company&id=' + id,
    cache:        false,
    data:         form_data,
    dataType:     'json',
    contentType:  'application/json; charset=utf-8',
    type:         'get'
  });

`

but it is getting passed by URL ..i want to send it by "data:"..how to do it..

Please keep in mind that ajax calls are visible to the outside world. Is it ok that the id value is public knowledge? Using 'data.php' people can clean out your database? — KIKO Software
– KIKO Software, Commented Jul 22, 2016 at 7:44

Death-is-the-real-truth · Accepted Answer · 2016-07-22 08:04:29Z

1

You can post both data in POST parameter like below:-

$.ajax({
  url:          'data.php',
  type:          'POST',
  cache:        false,
  data:         {'form_data':form_data,'job':'get_company','id': id} ,
  dataType:     'json',
  contentType:  'application/json; charset=utf-8',

});

And now in php (data.php):-

<?php
  echo"<pre/>";print_r($_POST);
?>

Note:- based on this printed data you can do your stuff accordingly. Thanks

edited Jul 22, 2016 at 8:04

answered Jul 22, 2016 at 7:49

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

1 Comment

Mohanish Over a year ago

yes after using data:{'job':'get_company','id': id} ..it works but it's fetching only ID..but doesn't get updated..(i am using it to edit table)

urfusion · Accepted Answer · 2016-07-22 07:48:00Z

1

You are using type as get that's why it is passing data by url. You should use POST if not want to pass data in URL

$.ajax({
  url:          'data.php?job=get_company',
  type:          'POST',
  cache:        false,
  data:         {id: id} ,
  dataType:     'json',
  contentType:  'application/json; charset=utf-8',

});

edited Jul 22, 2016 at 7:48

answered Jul 22, 2016 at 7:40

urfusion

5,4995 gold badges56 silver badges91 bronze badges

1 Comment

Mohanish Over a year ago

what if i send it like... {'job':'get_company','id': id} ,..will it work..

Haresh Vidja · Accepted Answer · 2016-07-22 08:00:59Z

1

Check my changes and hope this would be helpful to you.

$(document).on('submit', '#form_company.edit', function(e){
e.preventDefault();
// Validate form
if (form_company.valid() == true){
  // Send company information to database
  hide_ipad_keyboard();
  hide_lightbox();
  show_loading_message();

  var form_data = $('#form_company').serialize();
  form_data.append('id',$('#form_company').attr('data-id'));
  form_data.append('job',"edit_company");

  var request= $.ajax({
    url:          'data.php',
    cache:        false,
    data:         form_data,
    dataType:     'json',
    contentType:  'application/json; charset=utf-8',
    type:         'post'
  });

edited Jul 22, 2016 at 8:00

answered Jul 22, 2016 at 7:51

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

1 Comment

Mohanish Over a year ago

i want to send it by data..not through URL..i will call only 'data.php'..and all other in data:...field..

madalinivascu · Accepted Answer · 2016-07-22 08:13:30Z

1

Try a post request with the following:

$.ajax({
    url:          'data.php',
    cache:        false,
    data:         {form_data:form_data,job:'edit_company',id:id},
    dataType:     'json',
    contentType:  'application/json; charset=utf-8',
    type:         'POST',
    success:       function(data){
    }
});

edited Jul 22, 2016 at 8:13

answered Jul 22, 2016 at 7:58

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

2 Comments

Mohanish Over a year ago

i am getting error..data: {form_data:form_data,job:'edit_company',id:id},..is not working..

Mohanish Over a year ago

it works ..only i change it with this..small change('').. data: {'form_data':form_data,job:'edit_company',id:id},..thanx for your help..

Collectives™ on Stack Overflow

Sending ID data with jQuery AJAX

4 Answers 4

1 Comment

1 Comment

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related