Javascript 如何使用ajax和PHP将数据传递到服务器$_邮政[';数据';]赢得';行不通
我有一个HTML表单,我想在提交之前(使用PHP脚本)向服务器发送一些信息。我还使用了.ajax()jQuery函数 这是我的demo.html文件: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> <
<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
,响应已被解析