javascript + ajax ในการเพิ่มข้อมูลลง DB

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

Nmnn Nichakant
PHP Newbie
PHP Newbie
Posts: 1
Joined: 16/12/2017 12:55 pm

javascript + ajax ในการเพิ่มข้อมูลลง DB

Post by Nmnn Nichakant » 28/02/2018 10:38 pm

ใช้ ajax และ javascript ในการเพิ่มข้อมูลลง DB ไม่สามารถทำได้คะ เขียนโค้ดแล้วแต่ไม่มีการส่งข้อมูล

ส่วนของ signup.html

Code: Select all

<body>
	  <div id="topbar-home"> TABLE BOOKING </div>
   
    <div class="boxsignup">
    	<h1> สมัครสมาชิก </h1>

    	<p>
	    	<input type="text" class="tb3" name="m_firstname" id="m_firstname" placeholder="ชื่อจริง">
	    <p>
	    	<input type="text" class="tb3" name="m_lastname" id="m_lastname" placeholder="นามสกุล">
	    <p>
	    	<input type="number" class="tb3" name="username" id="username" placeholder="เบอร์โทรศัพท์">
	    <p>
	    	<input type="password" class="tb3" name="pwd" id="pwd" placeholder="รหัสผ่าน">
	    <p align="center">
	    	<button class="loginuser" onclick="window.location.href='index.html'">ย้อนกลับ</button>
	    	<button class="loginuser" id="add">สมัครสม่ชิก</button>
	 

    	</p>
    </div>

   
 <script>
  $("#add").click(function(){
                var m_firstname= $("#m_firstname").val();
                var m_lastname= $("#m_lastname").val();
                var username= $("#username").val();
                var pwd= $("#pwd").val();

                $.ajax({
                     type: "POST",
                     url: "http://localhost/project/www/PHP/regis_db.php",
                    data: "m_firstname=" + m_firstname+ "&m_lastname=" + m_lastname+ "&username=" + username+"&pwd=" + pwd,
                    success: function(data) {
                       alert("insert data sucess");
                    }
                });


            });
</script>




    <script src="cordova.js"></script>

    <!-- for your event code, see README and file comments for details -->
    <script src="js/app.js"></script>
    <!-- for your init code, see README and file comments for details -->
    <script src="js/init-app.js"></script>
    <!-- normalizes device and document ready events, see file for details -->
    <script src="xdk/init-dev.js"></script>

    <!-- IMPORTANT: Do not include a weinre script tag as part of your release builds! -->
    <!-- Place your remote debugging weinre script URL here, if it does not work above. -->
</body>



</html>


ส่วนของ regis_db.php

Code: Select all

 <?php

header("Access-Control-Allow-Origin: *");
include("config.php");
 	 $m_firstname=$_POST['m_firstname'];
     $m_lastname=$_POST['m_lastname'];
     $username=$_POST['username'];
     $pwd=$_POST['pwd'];

     $sql= mysqli_query("INSERT INTO member(m_firstname,m_lastname,username,pwd) VALUES('".$m_firstname."','".$m_lastname."','".$username."','".$pwd."')");

 ?>



?>

  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: bankjittapol and 31 guests