如何读取JavaScript中的新表单值输入,而数据库生成的变量是输入表单值?
问题描述:
我有以下几点:如何读取JavaScript中的新表单值输入,而数据库生成的变量是输入表单值?
1A)form.php的:HTML表单输入字段,我让用户更新其帐户的详细信息:
<input type="text" id="first_name" name="first_name" placeholder="First name" value="<?php echo $first_name; ?>">
注:PHP $ FIRST_NAME变量有一个数据库生成的值
1b)的form.php的:制作一个JavaScript变种得到的输入值
var firstname = document.getElementById("first_name").value;
2)form.js:
$('.account-details input[type="submit"]').click(function() {
//validation code
if(firstname === ""){
//code here
}
//etc ... other validation code
}
注:我使用SCR链接form.js到form.php的
<script src="js/form.js"></script>
问:我怎样才能获得新的价值,用户从数据库中提出,而不是值I回应出来?
答
您需要通过JavaScript获取该值,并通过AJAX将其发送到外部PHP页面,该页面将使用该值作为POST或GET变量运行数据库INSERT查询。这是一个办法做到这一点
var firstname = document.getElementById("first_name").value;
$.ajax({
type: "POST",
url: "modifyuser.php", //Your php page
data: "firstname="+ firstname, // pass data
success: function(response){
$('#output').html(response);
}
});
return false;
}
//etc ... other validation code
}
PHP页面
<?php
// your connect etc etc
$firstname = $_POST['firstname'];
mysql query to insert data
echo "SUCCESS";
?>
不知道我理解,但如果用户添加一个新值输入它将覆盖一个你回声 – LGSon
@LGSon由于某种原因它没有。 – Thoaren
由于这个小提琴的工作,[https://jsfiddle.net/zdtqy65u/](https://jsfiddle.net/zdtqy65u/),你需要发布你的再现问题不起作用 – LGSon