将输入字段表单值传递给php脚本,该脚本应返回该值,并使用javascript向其发出警报,结果为null
所以,我有一个表单,有一个输入文本字段(搜索词)和一个提交按钮 我试图做的是在输入文本字段中键入一个关键字,按Submit,关键字被发送到一个php脚本,该脚本将对其进行json_编码,并将其发送回表单页面,在该页面上应该出现一个警告框,并显示关键字 相反,在按下submit键后,我一直在警报框中显示将输入字段表单值传递给php脚本,该脚本应返回该值,并使用javascript向其发出警报,结果为null,php,javascript,jquery,ajax,Php,Javascript,Jquery,Ajax,所以,我有一个表单,有一个输入文本字段(搜索词)和一个提交按钮 我试图做的是在输入文本字段中键入一个关键字,按Submit,关键字被发送到一个php脚本,该脚本将对其进行json_编码,并将其发送回表单页面,在该页面上应该出现一个警告框,并显示关键字 相反,在按下submit键后,我一直在警报框中显示null 如果我真的在url中键入了PHP脚本,并且还传递了关键字,则该脚本工作正常: localhost/filter.php?search\u term=hey JavaScript提交表单并异
null
如果我真的在url中键入了PHP脚本,并且还传递了关键字,则该脚本工作正常:
localhost/filter.php?search\u term=hey
JavaScript提交表单并异步获取值(无需重新加载页面):
filter.php:
$search_term = $_GET['search_term'];
echo json_encode($search_term);
您需要将输入值发布到处理页面
$('#filter_form').on('submit', function(e) {
e.preventDefault();
$inputValue = $('#search_term').val(); //if the id of the input is "search_term"
$.ajax({
type: 'POST',
data: {
'inputValue': $inputValue
},
url: 'filter.php',
success: function(json) {
alert(json);
}
});
});
filter.php应更改为:
$search_term = $_POST['inputValue'];
echo json_encode($search_term);
Alertbox没有出现。在Web控制台中,FF输出以下内容:
GEThttp://localhost/filter.php [HTTP/1.1 200 OK 0ms]
每当我按下提交按钮时。
$search_term = $_POST['inputValue'];
echo json_encode($search_term);