pulling variable into the data of AJAX post function

Question

I have the below function call and I am trying to pull the value of the variable data into the data: section of the function. I have gotten this far but no such luck getting it to work. In php I am using $_POST['test'] to try an pull the value.

THanks

function fnc()
 {
   var oButton = document.getElementById("addData");
   var data = document.getElementById("dataInput");
   var display = document.getElementById("display");


     display.innerHTML += "<a id='dispchk'>"+ data.value +"</a>" +"<br />" ;
}
$.ajax({
    type: "POST",
    url: "chkinpost.php?eventid=<?php echo $_GET['eventid']; ?>&eventname=<?php echo $_GET['eventname']; ?>",
    data: "test="+ data.value
});

Your data variable is only in the scope of the fnc function. — gen_Eric
– gen_Eric, Commented Feb 7, 2013 at 20:13
@PeterM: You can pass data either an object or a query string. — gen_Eric
– gen_Eric, Commented Feb 7, 2013 at 20:14

Plynx · Accepted Answer · 2013-02-07 20:15:25Z

2

Either don't use the function fnc():

var oButton = document.getElementById("addData");
var data = document.getElementById("dataInput");
var display = document.getElementById("display");
display.innerHTML += "<a id='dispchk'>"+ data.value +"</a>" +"<br />" ;
$.ajax({
    type: "POST",
    url: "chkinpost.php?eventid=<?php echo $_GET['eventid']; ?>&eventname=<?php echo $_GET['eventname']; ?>",
    data: "test="+ data.value
});

or move your AJAX request into function fnc():

function fnc()
{
  var oButton = document.getElementById("addData");
  var data = document.getElementById("dataInput");
  var display = document.getElementById("display");
  display.innerHTML += "<a id='dispchk'>"+ data.value +"</a>" +"<br />" ;
  $.ajax({
    type: "POST",
    url: "chkinpost.php?eventid=<?php echo $_GET['eventid']; ?>&eventname=<?php echo $_GET['eventname']; ?>",
    data: "test="+ data.value
  });
}

answered Feb 7, 2013 at 20:15

Plynx

11.5k3 gold badges34 silver badges34 bronze badges

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

1 Comment

Steven Over a year ago

thanks buddy. I needed to keep the function so I used the 2nd option.

Tivie · Accepted Answer · 2013-02-07 20:16:33Z

0

Either pass a string or a plain object as data parameter

var url = "chkinpost.php?eventid=<?php echo $_GET['eventid']; ?>&eventname=<?php echo $_GET['eventname']; ?>"

//var data = { value: "some value"}
//or
var data = 'this is a chicken';

$.ajax({
  type: "POST",
  url: url,
  data: data,
});

answered Feb 7, 2013 at 20:16

Tivie

19k5 gold badges62 silver badges79 bronze badges

Collectives™ on Stack Overflow

pulling variable into the data of AJAX post function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related