pass arrays and variables from jquery to php at the same time

Question

I want to pass arrays and other variables from jquery code to php using post request but I don't know how to pass arrays and variables at the same time.

I tried this code:

var new_location_name = "";
var new_location_id = "";
var old_location_name = [];
var selected_name = [];
var selected_id = [];
var user = '<?php echo $current_user ;?>';

    $(document).ready(
           $("#transfer").click(function(){
                 $.ajax({
                    type: "POST",
                    url: "update.php",
                    data: "username="+user+"&new_location_name="+new_location_name+"&new_location_id"+new_location_id+"&"+{ old_location_name : old_location_name }+"&"+{ selected_name : selected_name }+"&"+{ selected_id : selected_id },
                });
                 return false;
            });
    });

kapantzak · Accepted Answer · 2017-05-24 13:55:13Z

2

Create an object, serialize it and send it:

var obj = {
   key1: 'value1',
   key2: ['one','two','three'],
   key3: {
      key3_0: 'value3_0'
   }
}
var jsonData = JSON.stringify(obj);

$.ajax({
     method: "POST",
     url: "update.php",
     data: jsonData
});

answered May 24, 2017 at 13:55

kapantzak

11.8k5 gold badges42 silver badges63 bronze badges

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

Comments

aannecchiarico · Accepted Answer · 2017-05-24 14:02:47Z

1

JQuery Data:

data: 
    {
        username: user, 
        new_location_name: new_location_name, 
        new_location_id: new_location_id, 
        old_location_name: old_location_name, 
        selected_name : selected_name, 
        selected_id : selected_id 
    }

In your PHP Script

<? $oldLocationName = $_REQUEST['old_location_name']; ?>

and so on.

answered May 24, 2017 at 14:02

aannecchiarico

1976 bronze badges

Comments

Avitus · Accepted Answer · 2017-05-24 13:55:52Z

0

You can pass multiple parameters as arrays or strings the same. The left hand side of the data is the value that the API is expecting as the parameter name.

var new_location_name = "";
var new_location_id = "";
var old_location_name = [];
var selected_name = [];
var selected_id = [];
var user = '<?php echo $current_user ;?>';

    $(document).ready(
           $("#transfer").click(function(){
                 $.ajax({
                    type: "POST",
                    url: "update.php",
                    data: {username: user, 
                           new_location_name: new_location_name,
                          old_location_name: old_location_name
                      }
                });
                 return false;
            });
    });

You can read more in this question: Pass Multiple Parameters to jQuery ajax call

answered May 24, 2017 at 13:55

Avitus

16k6 gold badges47 silver badges54 bronze badges

2 Comments

Kareem Essam Gaber Over a year ago

thanks for the quick response, if I sent arrays and variables like this what would I need to do on the other side at the php file to get the value of each array and each variable?

Avitus Over a year ago

They would just be parameters on the php function and then you can access them as JSON.

Louay Hamada · Accepted Answer · 2017-05-24 13:56:38Z

0

Try this snippet

var array = [];
$.ajax({ url: 'update.php',
    data: {'array' : array},
    type: 'post',
    dataType:'json',
    success: function(output) {
        alert(output);
    },
    error: function(request, status, error) {
       alert("Error");
    }
});

answered May 24, 2017 at 13:56

Louay Hamada

7711 gold badge15 silver badges24 bronze badges

Comments

Giorgi Nutsubidze · Accepted Answer · 2017-05-24 14:01:47Z

-1

First time Check file, this script must be in .php file, not .js file;

answered May 24, 2017 at 14:01

Giorgi Nutsubidze

12 bronze badges

Collectives™ on Stack Overflow

pass arrays and variables from jquery to php at the same time

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related