How can I send GET values using jQuery ajax?

Question

I have code as below:

jQuery.ajax({
    url: '/Control/delete',
    type: 'GET',
    contentType: 'application/json',
    success: function (bool) {
        if (bool == "deleted") {
            alert('record deleted');
            $(".row" + currentId).hide('slow');
        }
        else {
            alert('not deleted ');
        }
    }
});

Aay for example I need to send file_id (?file_id=12) paramater using GET, how can i do so?

Dmitry Kudryavtsev · Accepted Answer · 2012-07-04 11:24:20Z

3

Use the data parameter

jQuery.ajax({
  url: '/Control/delete',
  type: 'GET',
  contentType: 'application/json',
  data: {file_id: 12}
  success: function (bool){
  if(bool == "deleted"){
    alert('record deleted');
    $(".row"+currentId).hide('slow');
  }
  else{
    alert('not deleted ');                  
  }
 }
});

Also not that data can be also a query string like:

data: "file_id=12&foo=bar"

In case if its not a query string, jQuery will automatically convert it to query string.

Data to be sent to the server. It is converted to a query string, if not already a string.

jQuery.ajax docs

answered Jul 4, 2012 at 11:24

Dmitry Kudryavtsev

17.7k4 gold badges27 silver badges32 bronze badges

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

Comments

Blaster · Accepted Answer · 2012-07-04 11:24:08Z

2

Use data option:

jQuery.ajax({
  type: 'GET',
  data: {file_id : 12},
  ......
});

http://api.jquery.com/jQuery.ajax/

answered Jul 4, 2012 at 11:24

Blaster

9,0801 gold badge30 silver badges25 bronze badges

3 Comments

coolguy Over a year ago

The actual GET method data: "file_id=12&someother=othervalue"

coolguy Over a year ago

Ok then how do you write a POST method

Blaster Over a year ago

@ubercooluk: read the docs :) and what you say is another way of doing it

Krishna · Accepted Answer · 2012-07-04 11:24:20Z

1

Use this replace url with /url/delete?file_id=12

jQuery.ajax({
      url: '/Control/delete?file_id=12',
      type: 'GET',
      contentType: 'application/json',
      success: function (bool){
      if(bool == "deleted"){
        alert('record deleted');
        $(".row"+currentId).hide('slow');
      }
      else{
        alert('not deleted ');                  
      }
     }
    });

answered Jul 4, 2012 at 11:24

Krishna

3532 silver badges15 bronze badges

Comments

antyrat · Accepted Answer · 2012-07-04 11:23:56Z

0

Just add it to URL:

url: '/Control/delete?file_id=12',

answered Jul 4, 2012 at 11:23

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

Comments

Bernhard · Accepted Answer · 2012-07-04 11:25:09Z

0

Use the data option of the ajax call and pass it an object with your key value pairs.

answered Jul 4, 2012 at 11:25

Bernhard

8,8715 gold badges43 silver badges46 bronze badges

Comments

coolguy · Accepted Answer · 2012-07-04 11:32:31Z

0

//POST METHOD

$.ajax({
  type: 'POST',
  data: {file_id : 12},
  ......
});

//GET METHOD

$.ajax({
  type: 'GET',
  data: "file_id=12&someother=othervalue",
  ......
});

answered Jul 4, 2012 at 11:32

coolguy

7,9549 gold badges48 silver badges72 bronze badges

Collectives™ on Stack Overflow

How can I send GET values using jQuery ajax?

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related