Question

今天我用以下代码尝试了Ajax。逻辑似乎是正确的，因为成功函数正在触发，但我无法从php文件中获取返回值，而是当我提醒响应时，我正在获取Javascript和html代码。

example1.php

 <?php
    echo $_POST['name'];
 ?>
<form action="?" method="post">
<input type="text" id="d1" name="name" value="">
<input type="text" id="d2" name="place" value="">
<input id="target" type="submit" name="submit" value="send">
</form> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#target").click(function()
{
var data1=$("#d1").val();
var data2=$("#d2").val();
$.ajax
({
type:"POST",
url:"example1.php",
data:{name:data1,place:data2},
success:function(msg)
{
alert(msg);
}
});
return false;
});
});
</script>

当我运行example1.php时，它会显示如下所示的警告消息提交的名称

<form action="?" method="post">
<input type="text" id="d1" name="name" value="">
<input type="text" id="d2" name="place" value="">
<input id="target" type="submit" name="submit" value="send">
</form> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#target").click(function()
{
var data1=$("#d1").val();
var data2=$("#d2").val();
$.ajax
({
type:"POST",
url:"arithmetic.php",
data:{name:data1,place:data2},
success:function(msg)
{
alert(msg);
}
});
return false;
});
});
</script>

为什么我从example1.php获取此名称而不是名称和位置值？

Answer 1

考虑到问题已更改

更新

您发布到表单所在的同一文件，因此您的回复包含该页面中的HTML代码。您必须发布到仅响应所需内容的其他PHP文件，或者更改当前文件以便在发布某些数据时做出不同的响应。

您的ajax请求不会转到response.php，因为您告诉jQuery发布到其他网址：

url:"arithmetic.php",

将其更改为response.php。

为了保证您始终使用ajax发布，您应该绑定到表单的submit事件，而不是单击提交按钮：

$('form').submit(function(e) {

    // ajax stuff

    // prevent default (submit)
    return false;
});

使用当前代码，如果您在关注其中一个输入字段时按Enter键，表单将在没有ajax的情况下提交。

Answer 2

更改您的回复代码，如下所示。您需要在写完回复后停止执行。

<?php 
if(isset($_POST['name'])) {
echo $_POST['name']; 
echo $_POST['place']; 
exit(0); 
} 
?>

Answer 3

将网址更改为 url:"response.php"

并在response.php中编写代码，如下所示

$name=$_POST["name"];
$place=$_POST["place"];

为什么我在使用ajax从php发送和返回值时会得到javascript和html代码？

3 个答案: