ajax序列化数组不输出任何值
ajax serializearray not outputting any value
我有一个表单HTML如下:
<div id="error_message"></div>
<form action="daterequest.php" id="daterequest_form" method="post">
<select name="option1">
<option value="1">1</option>
<option value="0">0</option>
<option value="2">2</option>
</select>
<input type="text" name="option2" >
</form>
我有类似的JS脚本
$(document).ready(function(){
$('#button_submit_form').on('click', function () {
var data = $('#daterequest_form').serializeArray();
alert(data);
$.ajax({
url: 'daterequest.php',
type: 'POST',
data: data,
success: function(response)
{
if (response == 'empty') {
$('#error_message').text('ERROR MESSAFGE') }
else {
$('#error_message').html(response);
$('#daterequest_form').fadeOut('400');
};
}
});
e.preventDefault();
});
});
我的CCD_ 1只给我CCD_ 2。
我无法获取要在我的警报中显示的数据。。我应该看看[option1 Value], [option2 inputvalue]
此外,一旦我弄清楚如何获取警报中的数据,我如何在PHP中检索它?$_POST['what goes here'];
?
这里没有问题-问题是因为您正在使用alert()
进行调试。这意味着显示的变量被强制为字符串,因此对象数组被转换为'[object Object], [object Object]'
。相反,使用console.log()
来调试代码。
此外,根据您的尝试,我建议使用serialize()
方法更适合您的需求,并且您应该挂接到alert(data);
0的submit
事件,这样当用户按Enter键提交表单时,使用键盘的人也会触发该事件。试试这个:
$('#daterequest_form').on('submit', function (e) {
e.preventDefault();
var data = $(this).serialize();
console.log(data);
$.ajax({
url: 'daterequest.php',
type: 'POST',
data: data,
success: function(response) {
if (response == 'empty') {
$('#error_message').text('ERROR MESSAFGE')
} else {
$('#error_message').html(response);
$('#daterequest_form').fadeOut('400');
};
}
});
});
然后在PHP中,您可以使用$_POST
并指定表单值的name
来检索传递的数据:
var option1 = $_POST['option1'];
var option2 = $_POST['option2'];
alert
不会提供对象的详细信息,而是使用console.log()
:
console.log(data);
看看为什么console.log()被认为比alert()更好?。
希望这能有所帮助。
相关文章:
- AJAX:$_GET不返回任何值
- 表单未使用 MVC 提交任何值 Asp.Net
- 如果没有从下拉列表中选择任何值,则允许使用php、mysql、javascript将文本框添加到mysql表中
- 如何将按钮的数据属性设置为输入[type=text]中设置的任何值
- 为什么当订阅两次rx 2.3中的observable时,第二次订阅没有收到任何值
- JavaScript IF.ELSE条件未输出预期值
- WebKitBrowser.StringByEvaluatingJavaScriptFromString 不返回任何值
- Jquery将最后一个输出作为值
- 下拉列表中的选定索引在未选择任何值时引发错误
- 日期-时间范围指令字段未显示任何值
- Javascript函数不返回任何值
- ng重复不显示任何值
- 没有输出任何内容
- Ng模型重写我在AngularJS的输入字段中输入的任何值
- 无限循环当观察父对象时,观察者不更新任何值
- 以javascript输出对象值
- 如何将变量设置为给定时刻数组的值,而不是数组的任何值
- 没有 NaN 的 x === x 返回 false 是否有任何值
- 当教科书有任何值时,将自动选择下拉选项
- ajax序列化数组不输出任何值