2016-03-21 11 views
0

私は、ユーザが自分の名前と姓を入力するアプリケーションを作っています。これは、 'include'をクリックすると 'user'テーブルのデータベース 'register'に保存されます。私は完全にこれに固執しており、データをデータベースに保存することができないようです。下記のHTML、JS、PHPコードを追加しました。誰も私が何が間違って解決するのを助けることができる?PHPへのデータベースへのhtml入力の保存

function.js:

$(document).ready(function() { 
    var $server; 
    $server = 'http://localhost:81/xampp/'; 

    $('#include').on('click', function() { 
     $name = $('#$name').val(); 
     $lastname = $('#lastname').val(); 

     $.ajax ({ 
      type: "get", 
      url: $server-"/connectdb.php", 
      data: "name="+$name+"&lastname="+$lastname+"&action=include", 
      success: function(data) { 
       intel.xdk.notification.alert('user recorded. ok!', 'Message', 'OK'); 

      } 
     }); 
    }); 

}); 

connectdb.php:

<?php 
if(isset($_GET["include"])){ 
$servername = "localhost"; 
$username = "xxxx"; 
$password = "xxxx"; 
$dbname = "register"; 

// Create connection 
$conn = new mysqli($servername, $username, $password, $dbname); 
// Check connection 
if ($conn->connect_error) { 
die("Connection failed: " . $conn->connect_error); 
} 

$sql = "INSERT INTO user (user_name, user_lastname) 
VALUES ('".$_GET['name']."','".$_GET['lastname']."')"; 

if ($conn->query($sql) === TRUE) { 
echo "<script type= 'text/javascript'>alert('New record created successfully');</script>"; 
} else { 
echo "<script type= 'text/javascript'>alert('Error: " . $sql . "<br>" . $conn->error."');</script>"; 
} 

$conn->close(); 
} 
?> 

のindex.html:

 <link rel ="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="jquery.mobile-1.4.5/jquery-2.1.1.min.js"></script> 
    <script src="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script> 

    <script src="js/function.js"></script> 
</head> 

<body> 

    <!-- page --> 
    <div data-role="page" id="page1"> 

    <!-- header --> 
    <div data-role="header"> 
    <h1>Records</h1> 

    <!-- film header -->       
    </div> 

    <!-- main --> 
     <div data-role="main" class="ui-content"> 

      <label>Name</label> 
      <input id="name" type="text" name="u_name" /> <br> 

      <label>Lastname</label> 
      <input id="lastname" type="text" name="u_lastname" /> <br> 

      <button id="include">Include</button> 

      <HR> 
       <a href="#page2" class="ui-btn ui-btn-corner-all"> View Entries</a> 
     </div> 
      <!-- film main -->  
    </div> 

    <!-- film page --> 
    <!-- page 2 --> 
    <div data-role="page" id="page2"> 

      <!-- header 2 --> 
      <div data-role="header"> 

           <a href="#page1" data-rel="back" class="ui-btn-left ui-btn ui-btn-icon-notext ui-corner-all ui-icon-back">Back</a> 


      <h1>User List</h1> 
    </div> 

    <!-- film header 2 --> 
    <!-- main 2 --> 
      <div data-role="main" class="ui-content"> 
       <p id="userlist"></p> 
      </div> 
     </div> 
     <!-- film page 2 --> 
</body> 
</html> 
+2

'$サーバパラメータ - '間違っている、 "/ connectdb.php" を、私はあなたがしたいと思います '+'の代わりに '-' – sed

+0

としての@Stanが指摘しているように、その行は誤った構文を使います。二重のスラッシュ(あなたの '$ server'変数は一つで終わります)。 AJAXリクエストの送信時には、相対パスを使用できます。 –

答えて

1

私は問題が

if(isset($_GET["include"])){ 
をどこにあるか、これがあると思います

それはAjaxのリクエストに応じて

if(isset($_GET["action"]) && $_GET["action"]=="include"){ 

でなければなりませんが、

+0

ありがとう、私はそれを変更しましたが、まだ違いはありません – usercmcl1712

+0

@ usercmcl1712また、あなたは$ name = $( '#$ name')にタイプミスがあります。ここでhtml idに余分な$記号があり、ajaxリクエストでは$ server-を$ server + –

+0

に置き換えます。余分な$があることに気付かず、変更しましたがまだデータベースへの入力を保存していません – usercmcl1712

関連する問題