我正在尝试将变量发送到进行AJAX调用的同一页面。
只有当我分离PHP脚本时,我才会收到成功的结果(例如 process.php
并相应地更改 AJAX url
)。
index.php
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(function() {
$('form').submit(function(e) {
e.preventDefault();
$.ajax({
type : 'POST',
url : 'index.php',
data : $(this).serialize(),
dataType : 'json',
encode : true
})
.done(function(data) {
$('#result').html(data);
})
});
});
</script>
</head>
<body>
<?php
$data = array();
if(isset($_POST['name'])) {
$data = 'You entered: ' . $_POST['name'];
echo json_encode($data);
}
?>
<form>
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
<div id="result"></div>
</body>
同一页面是否可以捕获和处理我们使用 AJAX 传递的变量?
在 AJAX 设置中设置dataType : json
,以便echo
json 对象而不是字符串 (HTML)。
使用exit()
而不是echo
,并将PHP放在页面的最顶部。以便在检查 HTML 是否存在之前不会回显$_POST['name']
。
另一件事是您的$data = array()
在该行上转换为字符串:
$data = 'You entered:' . $_POST['name'];
应该是$data[] = ...
<?php
$data = array();
if(isset($_POST['name'])) {
$data[] = 'You entered:' . $_POST['name'];
exit(json_encode($data));
}
?>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(function() {
$('form').submit(function(e) {
e.preventDefault();
$.ajax({
type : 'POST',
url : 'index.php',
data : $(this).serialize(),
dataType : 'json',
encode : true
})
.done(function(data) {
$('#result').html(data);
})
});
});
</script>
</head>
<body>
<form>
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
<div id="result"></div>
</body>
add die(); 函数并使用 $_SERVER['HTTP_X_REQUESTED_WITH'] 来检测 ajax 请求。 alos 将 serialize() 放在 ajax 函数的一侧以获取数据
var data = '';
$(function() {
$('form').submit(function(e) {
e.preventDefault();
data = $(this).serialize();
$.ajax({
type : 'POST',
url : 'index.php',
data : data,
dataType : 'json',
encode : true
})
.done(function(data) {
$('#result').html(data);
})
});
});
<?php
$data = array();
if(isset($_POST['name']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH'])) {
$data = 'You entered: ' . $_POST['name'];
echo json_encode($data);
die();
}
?>