2013-10-22 60 views
-1

我正在創建一個顯示文本框的JS promt。我希望能夠接受用戶輸入並將其設置爲一個php變量以存儲到mysql中。MySQL和PHP Promt for MySQL

的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> 

如何分配$表格名稱=的ID = 「enteredName」 這樣我就可以查詢數據:INSERT INTO table_name (form_name) VALUES ('$formName')

我覺得我看起來很簡單。先謝謝你!

+0

你有heared約''

? – idmean

+0

哈哈是啊,我知道$ _POST,並在整個表單中使用它。我想嘗試擴展我對這部分項目的知識和JS的使用。 – zathegfx

+0

所以你想使用異步請求(AJAX)? – idmean

回答

0

您可以將其發佈到用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]; 
} 
+0

謝謝你你的幫助! – zathegfx

0

<p>標籤值賦給隱變量,通過把<form>提交此頁,並插入到數據庫中。

0

最好的辦法:

<!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'); 
} 
?>