Javascript and PHP promt for MySQL

Javascript and PHP promt for MySQL

本文关键字：for MySQL promt PHP and Javascript      更新时间：2023-09-26

我正在努力创建一个显示文本框的JS程序。我希望能够获取用户输入并将其设置为要存储到 mysql 中的 php 变量。

Javascript：

<script>
function newForm(){
var x;
var name=prompt("Please enter a name for your form:");
if (name!=null)  {
    document.getElementById("enteredName").innerHTML=x;
} else {
    window.location.replace("loggedinForms.php");
}
</script>

我能够使用 html 输出用户的输入：

<a href="formp1.php" onclick="myFunction()">Create New Form</a>
<p id="enteredname"></p>

如何分配 $formName = id="输入名称"，以便我可以查询数据：INSERT INTO table_name (form_name) VALUES ('$formName')？

我想我看过头了，看起来很简单。提前谢谢你！

您可以使用 ajax 将其发布到 php 脚本中...

function newForm(){
var x;
var name=prompt("Please enter a name for your form:");
if (name!=null)  {
    document.getElementById("enteredName").innerHTML=x;
    sendVar(enteredName);
} else {
    window.location.replace("loggedinForms.php");
}
var sendVar = function(enteredName){
        $.ajax({
            type: 'POST',
            url: '/yourscript.php,
            async: true,
            data: {
                'formName': enteredName
            },
            dataType: 'json'
        })
        .success(function(data,textStatus,XMLHttpRequest) {
            //do something
        })
        .error(function(jqXHR,textStatus,errorThrown){
            //do something
        })
        .complete(function(){
            //do something
        });
}

然后在该php脚本上将其发送到mysql。

编辑：忘了说你可以在你的php脚本上做什么。

不要忘记检查 php 脚本上的 POST 变量。

if (isset($_POST) && !empty($_POST)){
 //grab the variable in post and do mysql
 $formName = $_POST['formName];
}

最佳方法：

<!doctype html>
<html lang="en">
</head>
<body>
<form action="p.php" method="post">
<p>Name: <input type="text" value="" name="name"/></p>
<input type="submit" value="submit">
</body>
</html>

您的方式：

<!doctype html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var name =prompt('Enter name:');
$.ajax({
    url:"p.php",
    type:'POST',
    data:{'name':name},
    success: function(e){
        $('#he').html('done');
        }
    });
</script>
</head>
<body>
<div id="he"></div>
</body>
</html>

两者都服从p.php

<?php
if(!empty($_POST['name'])){
    //insert into database
    //echo $_POST['name'];
}else{
    header('Location:p.html');
}
?>
将

<p>标签值分配给隐藏变量，通过放置<form>提交此页面并将其插入数据库。

相关文章：