JavaScript jQuery AJAX POST data error

Question

I am trying to send a post param. to request.php but it returns that the post param. are empty.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
$.ajax({
    url: "request.php",
    type: "POST",
    data: "{key:'123', action:'getorders'}",
    contentType: "multipart/form-data",
    complete: alert("complete"),
    success: function(data) {
        alert(data);
    },
    error: alert("error")
});

remove " " from this data format data:"{key:'123', action:'getorders'}" — Jack jdeoel
– Jack jdeoel, Commented Aug 11, 2016 at 4:13

Haresh Vidja · Accepted Answer · 2016-08-11 06:23:13Z

5

remove " " from this data as data:{key:'123', action:'getorders'}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
   <script>
     $.ajax({
        url:"request.php",
        type:"POST",
        data:{key:'123', action:'getorders'},
        contentType:"multipart/form-data",
        complete:alert("complete"),
        success:function(data) {
          alert(data);
            },
        error:alert("error")
             }); 

          </script>

edited Aug 11, 2016 at 6:23

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

answered Aug 11, 2016 at 4:30

Sameera Prasad Jayasinghe

1,8201 gold badge15 silver badges15 bronze badges

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

1 Comment

Sameera Prasad Jayasinghe Over a year ago

you can false contentType as you want then it should work

Jack jdeoel · Accepted Answer · 2016-08-11 06:42:25Z

3

You must use FormData for multipart/form-data ,and also need additional option in ajax ..

var request = new FormData();   
request.append('key',123);
request.append('action','getorders');
$.ajax({
    url: "request.php",
    type: "POST",
    data: request,    
    processData : false,
    contentType: false,
    success: function(data) {
        alert(data);
    }    
});

answered Aug 11, 2016 at 6:42

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

Comments

Gopinath Shiva · Accepted Answer · 2016-08-11 04:23:39Z

1

This will help you. You don't want a string, you really want a JS map of key value pairs.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
    $.ajax({
       url:"request.php",
       type:"POST",
       data:{key:'123', action:'getorders'},
       contentType:"multipart/form-data",
       complete:alert("complete"),
       success:function(data) {
          alert(data);
       },
       error:function(){
          alert("error");
       }); 

</script>

edited Aug 11, 2016 at 4:23

Gopinath Shiva

3,8905 gold badges30 silver badges50 bronze badges

answered Aug 11, 2016 at 4:22

Sinscary

71013 silver badges32 bronze badges

Comments

ANR Upgraded Version · Accepted Answer · 2016-08-11 04:38:54Z

0

This should work like a champ , construct object as below and stringify it as JSON.stringify(newObject) then there will be no chance of error

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script>
       var newObject= new Object();
       newObject.key= '123';
       newObject.action='getorders'
        $.ajax({
           url:"request.php",
           type:"POST",
           data:JSON.stringify(newObject),
           contentType:"multipart/form-data",
           complete:alert("complete"),
           success:function(data) {
              alert(data);
           },
           error:function(){
              alert("error");
           }); 

    </script>

edited Aug 11, 2016 at 4:38

answered Aug 11, 2016 at 4:30

ANR Upgraded Version

9471 gold badge16 silver badges41 bronze badges

1 Comment

PaulE Over a year ago

still key is empty

Rahul Malu · Accepted Answer · 2016-08-11 05:57:20Z

0

Try this:

data: JSON.stringify({key: '123', action: 'getorders'}),
contentType: "application/json"

answered Aug 11, 2016 at 5:57

Rahul Malu

5662 silver badges9 bronze badges

3 Comments

PaulE Over a year ago

tried it... it return nothing.. even the "key is empty"

Rahul Malu Over a year ago

Try to verify the url. Also share the error received.

Rahul Malu Over a year ago

$.ajax({ url: "request.php", type: "POST", data: '{ "key":"123", "action": "getorders"}', contentType: "application/json", complete: alert("complete"), success: function(data) { alert(data); }, error: function(jqXHR, textStatus, errorThrown) { console.log(textStatus, errorThrown); } }); Please note: In JSON - Strings (Key names and string values etc) are present in double quotes (" ") and not in single quote.

Collectives™ on Stack Overflow

JavaScript jQuery AJAX POST data error

5 Answers 5

1 Comment

Comments

Comments

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related