Calling php var on page inside javascript/ajax

Question

I have the following code for a checkbox

<div class="switch switch-lg switch-primary">
<input type="checkbox" name="switch" data-plugin-ios-switch checked="checked" value="usersname:1" />
</div>

When I change the checkbox, the following event is triggered

<script>		
$('input[name="switch"]').on('change', function(){
	$.ajax({
		type: 'POST',
		url: 'page.php',
		data: {
			example: $('#example').val()
		}
	}).always(function(data, textStatus, jqXHR) {
		if (data.response == 'success') {
			// Success
		} else {
			// Error
		}
	});
});    
</script>

I am wondering how I get the value of "usersname:1" in my page.php? I'm guessing it's around example: $('#example').val()?

Basically the page.php will update a mysql database with the value 1, but specific to only that user, so i need to somehow pull up the username:1 in that script portion or the page.php but don't know how to call it.

Thanks in advance!

Shakti Phartiyal · Accepted Answer · 2017-03-06 12:43:53Z

In order to send data to php your have to modify your code line: data: { example: $('#example').val() }

to:

    data: {
        example: $('#example').val(),
        switch: $(this).val()
    }

The code finally becomes:

$('input[name="switch"]').on('change', function(){
console.log($(this).val());
	$.ajax({
		type: 'POST',
		url: 'page.php',
		data: {
			example: $('#example').val(),
      switch: $(this).val()
		}
	}).always(function(data, textStatus, jqXHR) {
		if (data.response == 'success') {
			// Success
		} else {
			// Error
		}
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="switch switch-lg switch-primary">
    <input type="checkbox" name="switch" data-plugin-ios-switch checked="checked" value="usersname:1" />
    </div>

In PHP you can get value using $_REQUEST['switch']

Pravin Vavadiya · Accepted Answer · 2017-03-06 13:24:46Z

0

Add id attributes in your checkbox. You can't define id attributes in checkbox .

<div class="switch switch-lg switch-primary">
<input type="checkbox" id="example" name="switch" data-plugin-ios-switch checked="checked" value="usersname:1" />
</div>

Otherwise You can change example: $('#example').val() to example: $(this).val()

edited Mar 6, 2017 at 13:24

answered Mar 6, 2017 at 12:43

Pravin Vavadiya

3,2071 gold badge19 silver badges34 bronze badges

1 Comment

simplyphilip Over a year ago

Thanks so much, this works like a charm!!!! I confirmed both options worked (adding ID or changing the example output). You finally solved two days of headache for me!!!!

Mani7TAM · Accepted Answer · 2017-03-06 12:43:37Z

0

You can get example value in page.php by $_POST['example']

answered Mar 6, 2017 at 12:43

Mani7TAM

4693 silver badges10 bronze badges

Comments

LordNeo · Accepted Answer · 2017-03-06 12:45:59Z

0

Ok, this is a tricky one.

With example: $('#example').val() you will pass the VALUE of an input with ÌD example as a post var (so you can catch it with $_POST["example"] in the end script. Thing is, anyone can put anything into that and edit other username.

You should be doing this by calling a $_SESSION variable with the userid or something alike so people don't tamper with the data or make some XSS.

So, if you want to go with that, just put the ID example into your input and it will work (or edit it to match your fields), but i suggest to find another way.

answered Mar 6, 2017 at 12:45

LordNeo

1,1721 gold badge8 silver badges21 bronze badges

1 Comment

simplyphilip Over a year ago

Thanks mate! This is all taking place within a PHP session and I'll check session vars on the action page, but good thinking for others that stumble on this and don't have that setup! Thanks for your help!

Collectives™ on Stack Overflow

Calling php var on page inside javascript/ajax

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related