gpt4 book ai didi

javascript - 在本地系统工作,但在服务器上传时不工作

转载 作者:行者123 更新时间:2023-11-30 11:19:40 25 4
gpt4 key购买 nike

我创建了一个简单的表单,onSubmit 它将值带到 js 页面(AJAX 调用),然后发送到 add.php 页面,再次将值返回到 html 页面。这段代码在我的本地系统上运行良好,但是当我在服务器上测试它时,AJAX 调用不起作用。即使我刚刚测试了来自 add.js(AJAX) 的提交(单击)警报,但没有工作并且在本地(XAMP)中运行良好)

var btn = document.getElementById("sub");
btn.addEventListener("click", function() {
//alert('came');
var data=$("#myForm :input").serializeArray();

$.post($("#myForm").attr("action"),data,function(info){
$("#result").html(info);
});
});
$("#myForm").submit(function() {
return false;
});
<!DOCTYPE html>
<html>

<head>
<title>
Ajax call
</title>
</head>

<body>
<form id="myForm" action="add.php" method="post">
<input type="text" name="uname">
<input type="text" name="age">
<button id="sub">submit</button>
</form>
<span id="result"></span>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="add.js"></script>
</body>

</html>
这是我的 add.php ,它呼应了将显示在我的 html 结果 div 标记中的结果 `

<?php
$name=$_POST['uname'];
$age=$_POST['age'];
echo $name;

在服务器上传时有什么要改变的吗?我的代码有什么问题。

提前致谢。

最佳答案

enter image description here

这是你发送给服务器的对象,你可以看到它没有服务器端 'add.php' 所期望的结构,所以没有 $_POST['uname'] 变量。您可以使用 var_dump($_POST) 来查看您正在接收的结构或使用 $("#myForm").serialize() 我已经使用了很多并且对我有用。

关于javascript - 在本地系统工作,但在服务器上传时不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50285411/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com