jquery.ajax请求中的php变量
jquery.ajax请求中的php变量
提问于 2013-07-05 22:02:48
我在一个php文件中有一个表单，它接受用户输入的值并将数据发送到.txt文件中。
现在，当填写表单，单击“提交”按钮，并将用户发送到“确认/完成”页面时，它就可以正常工作，同时将收到的数据放入.txt文件中。
我想要做的是使用ajax和jquery让表单=>完成/确认，而不是发送到另一个页面。
问题是现在没有将用户数据传输到.txt文件。
PHP：(confirmation.php)
<?php
$color = $_POST['color'];
$fp = fopen('userdata.txt', 'w');
$valstring = "What Color: " . $color . "\r\n";
fwrite($fp, $valstring);
fclose($fp);
?> AJAX/JQUERY：(点击form.php中的按钮)
$(document).ready(function() {
var cir = {
load: $('<div />', { class: 'loading' }),
contain: $('#contain')
}
$('input[type="submit"]').on('click', function(e) {
e.preventDefault();
$.ajax({
url: 'confirmation.php',
type: 'POST',
beforeSend: function() {
cir.contain.append(cir.load);
},
success: function(data) {
cir.contain.html(data);
}
});
});
});当使用上面的ajax时，userdata.txt文件中只输入了What Color:。尚未识别用户选择的$color值。
我知道代码可以在没有ajax的情况下工作，但如果可能的话，我希望使用ajax (无页面刷新)方法。
提前感谢您的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-05 22:09:57
您必须在ajax调用中设置data参数，如下所示应该有效：
<form>
<select name="color" id="color">
<option value="Red">Red</option>
<option value="Green">Green</option>
</select>
<select id="age">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="text" id="name" />
<input type="submit" value="SEND" />
</form>
$('input[type="submit"]').on('click', function(e) {
$.ajax({
url:'confirmation.php',
type:'POST',
// get the selected values from 3 form fields
data:'color=' + $('#color').val() +
'&age=' + $('#age').val() +
'&name=' + $('#name').val(),
success:function(data) {
// ...
}
});
return false;
});您可能应该阅读有关jQuery.ajax的更多信息
Stack Overflow用户
发布于 2013-07-05 22:13:27
您没有在ajax post中发送任何数据，因此，confirmation.php中的变量$color it's empty尝试更改以下内容：
$.ajax({
url: 'confirmation.php',
type: 'POST',
beforeSend: function() {
cir.contain.append(cir.load);
},
success: function(data) {
cir.contain.html(data);
}通过以下方式：
var formColor = $("#colorId").val(); //where ColorId it's the color input type ID
$.ajax({
url: 'confirmation.php',
type: 'POST',
data: { color: formColor },
beforeSend: function() {
cir.contain.append(cir.load);
},
success: function(data) {
cir.contain.html(data);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17490762
复制相关文章
相似问题
腾讯云开发者
