Send data to server using jQuery $.ajax Post method

Question

I use jQuery Ajax to send data to server. I set post type as POST but data always get send using GET method. How to send data using Post method?

$.ajax({
        type: "POST",        
        dataType: 'jsonp',            
        url: 'http://do.convertapi.com/Web2Image/json/',
        data: {
            'CUrl':$('#txtUrl').val(),
            'OutputFormat':'png',
            'PageWidth':600,
            'ApiKey':apiKey
        },
        jsonp: "callback",
        success: function (data) {               
        if (data.Result)
        {                
            $('#imgSnapShot').attr('src','data:image/png;base64,'+data.File); 
            $('#dvStatus').text("Converted successfully!");
        }
        else {
            $('#dvStatus').text("Error: " + data.Error);
        }             
        },
        });

As Graham Clark posted, jsonp Ajax requests are always posted as GET. If I remove jsonp option I get another problem, cross domain posting error. Is there any solution for my problem?

Nilkamal Gotarne · Accepted Answer · 2017-02-01 06:58:32Z

1

As it a 5 year old question but still if some one finds it useful .. More recently browsers have implemented a technology called Cross-Origin Resource Sharing (CORS), that allows Ajax requests to different domains. so have to use cors instead of jsonp

answered Feb 1, 2017 at 6:58

Nilkamal Gotarne

4056 silver badges16 bronze badges

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

Comments

pgl · Accepted Answer · 2011-10-26 08:22:20Z

0

You can't send cross-domain requests via JSONP - it doesn't use XMLHttpRequest. See here for more information:

http://groups.google.com/group/jquery-dev/browse_thread/thread/e7eb4a23eef342fb?pli=1

answered Oct 26, 2011 at 8:22

pgl

8,1512 gold badges26 silver badges31 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:16:43Z

0

I believe jsonp is always sent with a GET request. If you need POST then use json. Check this question for details.

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Oct 26, 2011 at 8:19

Graham Clark

13k8 gold badges56 silver badges84 bronze badges

1 Comment

Tomas Over a year ago

I use jsonp to overcome cross domain posting problem.

Collectives™ on Stack Overflow

Send data to server using jQuery $.ajax Post method

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related