Javascript 如何使用AJAX、PHP和MySQL保存“隐藏字段”值并将按钮文本“Join”更改为“Join”
我正在开发一个小型电子邮件订阅系统。我创建了一个表单,并在其中添加了两个隐藏字段,分别名为“uid”和“gid”。“uid”隐藏字段包含当前登录用户的值,gid包含用户想要的电子邮件内容的id。但是,在AJAX调用之后,我面临着保存数据和更改按钮文本的问题。请帮我查一下密码。我是AJAX新手,所以如果你能评论每一行,这将对我很有帮助Javascript 如何使用AJAX、PHP和MySQL保存“隐藏字段”值并将按钮文本“Join”更改为“Join”,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我正在开发一个小型电子邮件订阅系统。我创建了一个表单,并在其中添加了两个隐藏字段,分别名为“uid”和“gid”。“uid”隐藏字段包含当前登录用户的值,gid包含用户想要的电子邮件内容的id。但是,在AJAX调用之后,我面临着保存数据和更改按钮文本的问题。请帮我查一下密码。我是AJAX新手,所以如果你能评论每一行,这将对我很有帮助 问题:[1]数据未传递到test.php[2]我想将按钮文本Join更改为Join。但我不知道怎么做 <script language="javascript
问题:[1]数据未传递到test.php[2]我想将按钮文本Join更改为Join。但我不知道怎么做
<script language="javascript" type="text/javascript">
function save_details()
{
var uid = $("#uid").val(data);
var gid = $("#gid").val(data);
var dataString = 'uid='+ uid + '&gid=' + gid + '&page=choose';
$.ajax({
type: "POST",
url: "ajax/test.php",
data: dataString,
cache: false,
beforeSend: function()
{
$("#signup_status").html('<h5><img src="assets/img/loading.gif"> Please wait...</h5>');
},
success: function(response)
{
$("#signup_status").hide().fadeIn('slow').html(response);
}
});
}
}
</script>
HTML代码:
<div align="center" id="signup_status"></div>
<input type="hidden" name="uid" id="uid" value="<?php echo $get;?>">
<input type="hidden" name="gid" id="gid" value="1234569877896541235">
<button class="btn btn-sm btn-success" onClick="save_details();">Join</button>
请帮帮我!谢谢。在jquery中,您有一些错误:
<script language="javascript" type="text/javascript">
function save_details(e)
{
e.preventDefault();
var uid = $("#uid").val();//without data
var gid = $("#gid").val();//without data
尝试这样做,在您的php ajax/test.php中,您将保存:
$uid = $_POST['uid'];
$gid = $_POST['gid'];
你确定$get有价值吗?你说你有问题,但没有描述问题的实质是什么问题是什么?您进行了什么样的调试?问题:[1]数据没有传递到test.php[2]我想将按钮文本Join更改为Join。但我不知道怎么做,谢谢!但它仍然不起作用。以及提交后如何更改按钮文本。
success: function(response) {
$('.btn').html('Joined').attr('onClick', '');//better with id
$("#signup_status").hide().fadeIn('slow').html(response);
}
$uid = $_POST['uid'];
$gid = $_POST['gid'];