javascript - 在 javascript/ajax 内的页面上调用 php var

Question

我有以下复选框代码

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

当我更改复选框时，会触发以下事件

<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>  

我想知道如何在 page.php 中获取“username:1”的值？我猜它是在 example: $('#example').val() 附近？

基本上 page.php 会用值 1 更新 mysql 数据库，但仅特定于该用户，所以我需要以某种方式在该脚本部分或 page.php 中提取 username:1 但不知道如何调用它。

提前致谢!

Answer 1

为了将数据发送到 php，您必须修改代码行:数据:{
示例:$('#example').val()
}

至:

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

代码最终变为:

$('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>

在 PHP 中，您可以使用 $_REQUEST['switch'] 获取值