how to send multiple data with $.ajax() jquery

Question

i am trying to send multiple data using j query $.ajax method to my php script but i can pass only single data when i concatenate multiple data i get undefined index error in my php script tat means the ajax request is made but data is not sent i need to know how should i format multiple data to successively send it to processing script in name vale pair here is what i have written ``` ```

Accepted Answer

You can create an object of key/value pairs and jQuery will do the rest for you:

```
$.ajax({
    ...
    data : { foo : 'bar', bar : 'foo' },
    ...
});
```

This way the data will be properly encoded automatically. If you do want to concoct you own string then make sure to use `encodeURIComponent()`: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent

Your current code is not working because the string is not concocted properly:

```
'id='+ id  & 'name='+ name
```

should be:

```
'id='+ encodeURIComponent(id) + '&name='+ encodeURIComponent(name)
```

how to send multiple data with $.ajax() jquery

Solution

Problem