How to pass Data From JQuery AJAX to PHP Without submit

Question

I want to pass a data data: ( {name: 'ccenter', value: 'Sales Department' } ) using AJAX JQuery into PHP page Without any submission. I try with session_name(); session_start(); But It didn't work.variable $ccenter still remains undefined.I think i have missed some code to do so.please help me.Thanks

Here Is my Jquery AJAX Code:

$(function () {
    $.ajax({
        url: 'empid_list.php',
        type: "post",
        async:true,
        data: ( {name: 'ccenter', value: 'Sales Department' } ), 
        dataType: 'html',
        success: function(data) {
            $('#employeeid').html(data);
        }
    });    
});

And Here Is my PHP File code:

<?php
    session_name('session1'); 
    session_start();    
    $ccenter = $_POST['ccenter'];   
?>

$ccenter = $_POST['ccenter']; or $ccenter = $_POST['name'];?? — anju
– anju, Commented Jun 7, 2016 at 7:40
should be $_POST['name'] instead of $_POST['center'] (because of key -> value association) and you should echo something back from php, else data will be undefined. — briosheje
– briosheje, Commented Jun 7, 2016 at 7:41
Any errors in console ? Did you try checking data by print_r($_POST) on our server side ? — Pardeep Poria
– Pardeep Poria, Commented Jun 7, 2016 at 7:44

Jack jdeoel · Accepted Answer · 2016-06-07 07:42:55Z

2

Your data format is wrong ,must be {data-name:data-value}

data: {name: 'ccenter', value: 'Sales Department' }

So you should call by data-name

$ccenter = $_POST['name'];

answered Jun 7, 2016 at 7:42

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

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

1 Comment

Jack jdeoel Over a year ago

Glad to hear that !

Nacho M. · Accepted Answer · 2016-06-07 07:45:43Z

0

I recommend you to use javascript dataform objects:

var formData = new FormData();
formData.append("ccenter", "Sales Department");


$.ajax({
           url: 'empid_list.php',
           type: "post",
           async:true,
           data: formData, 
           dataType: 'html',
           success: function(data) {
               $('#employeeid').html(data);
           }
      });

answered Jun 7, 2016 at 7:45

Nacho M.

6824 silver badges9 bronze badges

2 Comments

Damien Pirsy Over a year ago

Is FormData supported by all browsers?

Nacho M. Over a year ago

@DamienPirsy Basic support (no file attaching) in: Chrome 7+, Firefox 4.0+, Internet Explorer 10+, Opera 12+, Safari 5+ Check it out: link

Collectives™ on Stack Overflow

How to pass Data From JQuery AJAX to PHP Without submit

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related