Javascript 如何使用ajax和PHP将数据传递到服务器$_邮政[';数据';]赢得';行不通

Javascript 如何使用ajax和PHP将数据传递到服务器$_邮政[';数据';]赢得';行不通,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个HTML表单,我想在提交之前(使用PHP脚本)向服务器发送一些信息。我还使用了.ajax()jQuery函数 这是我的demo.html文件: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group"> <label>Provincia</label> <

我有一个HTML表单,我想在提交之前(使用PHP脚本)向服务器发送一些信息。我还使用了.ajax()jQuery函数

这是我的demo.html文件:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group">
<label>Provincia</label>
<select id ="demo" class="form-control">
<option> </option>
<option value="op1">Opcion 1</option>
<option value="op2">Opcion 2</option> 
<option value="op3">Opcion 3</option> 
</select>
</div>

<div id="demo2"></div>

<script>

$(document).ready(function() {
    $('#demo').on('change', do_something);
    console.log('ready');
});

function do_something() {
    var selected = $('#demo').val();
    $.ajax({
        url:        'delete.php',
        type:       'POST',
        dataType:   'json',
        data:       { selected }
    });
    console.log(selected);
    $('#demo2').append(selected);
}
</script>

省
Opcion 1
Opcion 2
Opcion 3
$(文档).ready(函数(){
$('demo')。在('change',做点什么);
console.log('ready');
});
函数do_usouthing(){
所选变量=$('#demo').val();
$.ajax({
url:'delete.php',
键入:“POST”,
数据类型:“json”,
数据:{selected}
});
console.log(选中);
$('#demo2')。追加(选定);
}
我不知道怎样才能得到所选的物品。 我可以在屏幕和控制台上打印所选项目。我如何用PHP实现这一点

delete.php文件只有以下内容:

<?php
var_dump($_POST['data']);
var_dump($_POST['selected']);

AJAX选项中的
data
属性指定要查找的值的名称。您的
数据
对象是:

{
    value: selected
}
因此,只需使用
$\u POST['value']
即可获得所选项目名称。如果您想知道POST对象中有什么,只需运行vardump,如下所示:

vardump($_POST);

这可能会帮助您在将来回答类似的问题。

使用
data
属性设置要发送到
PHP
的值,还可以设置
success
在请求成功时执行代码

function do_something() {
    var selected = $('#demo').val();
    $.ajax({
        url:        'delete.php',
        type:       'POST',
        dataType:   'json',
        data:       { selected: selected },
        success: function (response) {
            // response comes from PHP
            if (response.result == true) {
                // request was success
            }else if (response.result == false) {
                // request was not successful
            }
        }
    });
}
然后在PHP中,您可以通过
$\u POST

<?php

$selected = $_POST['selected'];

// rest of the code here
// you can also send response to Javascript here
// for failure echo json_encode(['result' => false]);
// for success echo json_encode(['result' => true])

使用
数据:{selected:selected}
数据:{data:selected}
。可能重复的@Titus OP使用了有效的语法,我看不出你的建议有什么帮助。@chiliNUT是的,你是对的<代码>数据:{selected}
有效
ES2015
语法。我的错误。请考虑
JSON.parse()
将失败,因为由于设置了
dataType
,响应已被解析