php - 无法通过 ajax 请求传递变量
问题描述
我正在尝试使用 ajax 将参数传递到另一个 php 页面并在其中查看传递的参数。但它唯一的重定向 page.parameter 没有通过
这是我的表单。用于通过输入字段获取名称
<form id="regform" method="post" action="">
<div>
First Name:
<input type="text" name="fname" id="fname" />
<input type="submit" class="color" name="loginBtn" id="loginBtn" value="register" />
</div>
</form>
这是我正在使用的 ajax 代码,将我的参数传递给 ajax.php 页面。
$("#regform").submit(function(e) {
e.preventDefault();
var form = $(this);
//var url = form.attr('action');
var senddata = {"fname": $('#fname').val()};
console.log(senddata);
$.ajax({
type: "post",
contentType: "application/json",
url: "ajax.php",
dataType: 'json',
data: JSON.stringify(senddata),
success: function(data) {
console.log(data);
}
});
解决方案
检查这个。它正在工作。
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<form id="regform" method="post" action="">
<div>
First Name:
<input type="text" name="fname" id="fname" />
<input type="submit" class="color" name="loginBtn" id="loginBtn" value="register" />
</div>
</form>
<script>
$("#regform").submit(function(e) {
e.preventDefault();
var senddata = $('#fname').val();
console.log(senddata);
$.ajax({
type: "post",
url: "ajax.php",
dataType: 'json',
data: {fname:senddata},
success: function(data) {
console.log(data);
}
});
});
</script>
PHP
<?php
echo ($_POST['fname']);
?>
推荐阅读
- php - 使用 eval() 执行包含 SimpleHTML 的 PHP 字符串
- ios - iOS 设备未正确识别
- reactjs - React 16.11 componentDidMount 无限循环
- c# - 尽管使用了文件锁
- javascript - 将 eval() 转换为 new Function()
- javascript - jQuery ,Css 显示无块与隐藏显示
- javascript - 将 adminLTE 集成到 nuxt 项目
- mysql - 如何找到对这些字符串使用的加密方法?
- javascript - 在两个数字之间创建一个值数组,递增特定次数?
- c# - Caliburn micro 中的 ProgressChanged 不会更新进度条