How to properly pass a jquery value to php using ajax?

Question

I want to pass a value from my jquery code to a php variable after a user inputs through a textbox, but I don't receive any value at all in the PHP side through POST.I'm using .change and .post, does anyone here knows how to do it properly? here's my code:

$(document).ready(function(){
 $("#packagename").change(function(){
    var packagename = $('#packagename').val();
    var url = '{{url}}'; //localhost/test/test.php
    $.ajax({
    type: 'post',
    url: url,
    dataType:html,
    data:{'val':packagename},   
    });
  });
});

You can't alter PHP variables with JavaScript, since PHP is a server-side language and thereby totally unaware of anything happening in the browser. POST requests is handled on the page you are posting to, and does not affect the page you are at. — Alexander Wallin
– Alexander Wallin, Commented Aug 29, 2013 at 2:27
possible duplicate of How can I upload files asynchronously with jQuery? — ılǝ
– ılǝ, Commented Aug 29, 2013 at 2:56

Rejayi CS · Accepted Answer · 2013-08-29 02:46:01Z

1

try it

$(document).ready(function(){
 $("#packagename").change(function(){
    var packagename = $('#packagename').val();
    var url = '{{url}}'; //localhost/test/test.php
    $.ajax({
    type: 'post',
    url: url,
    dataType:text,
    data:{'val':packagename},  
    success:function(result){
alert(result);
} 
    });
  });
});

answered Aug 29, 2013 at 2:46

Rejayi CS

1,0511 gold badge10 silver badges23 bronze badges

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

1 Comment

Steely Wing Over a year ago

@NeilAntonio If it has a alert display, it mean your JS working, then what are you expecting?

Divey · Accepted Answer · 2013-08-29 02:26:07Z

0

The only problem that I can see offhand is that the html in dataType:html, needs to have quotes around it like this: dataType: 'html',. Otherwise your code will look for the variable html, not find it, and throw an error.

answered Aug 29, 2013 at 2:26

Divey

1,7291 gold badge13 silver badges23 bronze badges

4 Comments

Neil Antonio Over a year ago

I already did, but still I don't receive any value in my php code: echo $_POST['val']

Divey Over a year ago

Does your javascript console show any errors? Do you get any response from the server?

Divey Over a year ago

What output do you see when you do a var_dump($_POST) instead of echo $_POST['val']?

Divey Over a year ago

That probably means that the script isn't outputting anything, so the script might not being called at all. Are you calling //localhost/test/test.php using that exact syntax? If so, that will look for a file on your local drive. Try changing to /localhost/test/test.php and check the output.

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-29 02:27:19Z

0

http://api.jquery.com/jQuery.post/

dataType
Type: String
The type of data expected from the server. Default: Intelligent Guess (xml, json, script, text, html).

change dataType: html, to dataType: 'html',

answered Aug 29, 2013 at 2:27

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

1 Comment

Neil Antonio Over a year ago

I already did, but still I don't receive any value in my php code: echo $_POST['val']

Freelance Developer Melbourne · Accepted Answer · 2013-08-29 03:17:22Z

0

Have you tried just putting the url into the url field instead of whatever that object is you are trying to use?

I will assume you are not trying to ajax to the page you are currently on and expecting the php variable to display on the current page.

answered Aug 29, 2013 at 3:17

Freelance Developer Melbourne

6506 silver badges13 bronze badges

2 Comments

Neil Antonio Over a year ago

Im trying to ajax it to the current page...do you have any ideas on how I could properly handle it?

Freelance Developer Melbourne Over a year ago

For updating the current page, you would just do that with javascript. For storing the value in a database for example, you would ajax it to another php page that is used to write to the database. You could do both to simulate updating the current page.

Collectives™ on Stack Overflow

How to properly pass a jquery value to php using ajax?

4 Answers 4

1 Comment

4 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

4 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related