用php打印ajax响应
在用ajax发送数据后,我无法让警报正常工作?谁能告诉我我做错了什么 我的表格:用php打印ajax响应,php,ajax,Php,Ajax,在用ajax发送数据后,我无法让警报正常工作?谁能告诉我我做错了什么 我的表格: <body> <form action="" id="form1" method="post"> First name:<br> <input type="text" name="firstname" value="Mickey"> <br> Last name:<br> <input type="text" n
<body>
<form action="" id="form1" method="post">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" id="submit1" value="Submit">
</form>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
// AJAX SEND POST DATA
$('form').on('submit', function() {
var self = this;
$.ajax({
type: 'post',
url: 'submit2.php',
dataType: 'json',
data: $(self).serialize(),
success: function() {
alert("blabla");
}
});
});
</script>
名字:
姓氏:
//AJAX发送POST数据
$('form')。在('submit',function()上{
var self=这个;
$.ajax({
键入:“post”,
url:'submit2.php',
数据类型:“json”,
数据:$(自).serialize(),
成功:函数(){
警惕(“布拉布拉”);
}
});
});
这是我的submit2.php文件
<?php echo "bla"; ?>
您的代码应该是这样的: HTML
<form action="" id="form1" method="post">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" id="submit1" value="Submit">
</form>
submit2.php
<?php
if(isset($_POST['firstname']) && isset($_POST['lastname'])){
echo $_POST['firstname'] . " " . $_POST['lastname'];
}
?>
echo json_encode(array("message"=>"Here is the message"));
您的HTML或JQuery代码没有问题。问题在于submit2.php文件。AJAX函数正在寻找JSON响应。从submit2.php返回JSON响应 submit2.php
<?php
if(isset($_POST['firstname']) && isset($_POST['lastname'])){
echo $_POST['firstname'] . " " . $_POST['lastname'];
}
?>
echo json_encode(array("message"=>"Here is the message"));
谢谢,但是它仍然不能工作,不知道发生了什么。你的submit2.php文件在同一个目录中吗?如果没有,请调整路径。如果您有chrome浏览器,请检查控制台和网络选项卡。如果您试图打印接收到的数据,那么在JQuery中做一些更改<代码>成功:函数(数据){if(data.message!=未定义){console.log(message);}},错误:函数(数据){console.log(data);}如果您仍然有问题,请告诉我更多详细信息。谢谢,但无法使用您的代码显示警报窗口。不确定为什么表示:始终使用调试代码。谢谢,所以我注释掉了dataType:json,警报开始工作