獲取JavaScript值以將它們插入mysql數據庫

Question

以下代碼用於從兩個文本框中獲取兩個值，使用javascript計算總和並在第三個文本框中顯示結果。 當我單擊按鈕時，我只希望將這些文本框值（輸入和結果）插入到mysql數據庫中。 我想在同一頁面中執行此操作。 我如何才能將javascript值插入php以將其插入數據庫？ 如果您能提供幫助，那就太好了。

謝謝
耶尼

碼：

<html>
<head>
<script language="javascript">
   function getText3()
   {
      var in1=document.getElementById('in1').value;
      var in2=document.getElementById('in2').value;
      var in3 = parseInt(in1, 10) + parseInt(in2, 10);
      document.getElementById('in3').value=in3;
   }
</script>
</head>
<body>

<form>
   <table width="306" border="0">
  <tr>
    <td width="146">Enter A </td>
    <td width="144"><input name="text" type="text" id="in1"/></td>
  </tr>
  <tr>
    <td>Enter B </td>
    <td><input name="text2" type="text" id="in2"/></td>
  </tr>
  <tr>
    <td height="41" colspan="2">   <center>
      <button type="button" onclick="getText3()"> Get calculated result</button></center>                        </td>
    </tr>
  <tr>
    <td><strong>RESULT</strong></td>
    <td><input name="text3" type="text" id="in3"/></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>

Answer 1

為此，您應該使用jQuery（ http://jquery.com/ ）

只需將它們發送到您的php文件中，如下所示：

// JS:
var in1 = $('#in1').val();
var in2 = $('#in2').val();
var in3 = parseInt(in1, 10) + parseInt(in2, 10);

$('#in3').val( in3 );

$.post('file.php', { one: in1, two: in2, three: in3 }, function(data) {
    alert( data );
} )

PHP文件將其作為普通的POST參數獲取：

// file.php
echo $_POST['one'] . " + " . $_POST['two'] . " = " . $_POST['three'];

Answer 2

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script language="javascript">
   function getText3()
   {
      var in1=document.getElementById('in1').value;
      var in2=document.getElementById('in2').value;
      var in3 = parseInt(in1, 10) + parseInt(in2, 10);
      document.getElementById('in3').value=in3;
    $.ajax({
        type: "POST",
        url: "your_php_file_path.php",//you can get this values from php using $_POST['n1'], $_POST['n2'] and $_POST['add']
        data: { n1: in1, n2: in2, add: in3 }
    }).done(function( msg ) {
          alert( "Data Saved: " + msg );
        });
   }
</script>

Answer 3

您可以在FORM中將JavaScript值傳遞給HIDDEN值，然后將表單發布到PHP頁面。 以下是如何設置隱藏值的示例。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>
      </title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <script type="text/javascript">
        function setPrice(el){
          var prices=[30, 20, 10];
          var p=el.options.selectedIndex;
          el.form.elements['price'].value=prices[p];
        }
      </script>
      </head>
      <body>
        <form>
          <select name="category" onchange="setPrice(this);">
            <option value="men">
              Men
            </option>
            <option value="women">
              Women
            </option>
            <option value="under18">
              Under 18's
            </option>
          </select>
          <input name="price" type="hidden" value="30">
        </form>
      </body>
</html>

希望這個能對您有所幫助！

獲取JavaScript值以將它們插入mysql數據庫

問題描述

3 個解決方案

解決方案1
4 2013-07-26 04:56:37

解決方案2
1 2013-07-26 05:14:13

解決方案3
0 2013-07-26 04:58:10

獲取JavaScript值以將它們插入mysql數據庫

問題描述

3 個解決方案

解決方案1 4 2013-07-26 04:56:37

解決方案2 1 2013-07-26 05:14:13

解決方案3 0 2013-07-26 04:58:10

解決方案1
4 2013-07-26 04:56:37

解決方案2
1 2013-07-26 05:14:13

解決方案3
0 2013-07-26 04:58:10