Hướng dẫn ajax form html - html dạng ajax

Bất kỳ ai có liên kết 0 phút đọc 0 phút đọc

Đây là bài hướng dẫn xây dựng 1 form mà khi nhập dữ liệu vào form, sẽ tự động trả lại content vừa nhập .

1. Xây dựng form html:

    

        

            
氏名
            

            
性別
            

                
 男性
                
 女性
            
          
          

            
電話番号
            

            
メールアドレス
            

          
    
    

        検素
    

2. Xây dựng code ajax

3. Xây dựng ajax.php xử lí nhập dữ liệu vào database

connect_error) {
		    die("Không kết nối :" . $conn->connect_error);
		    exit();
		}

		//Khai báo giá trị ban đầu, nếu không có thì khi chưa submit câu lệnh insert sẽ báo lỗi
		$name = "";
		$sex = 0;
		$phone = "";
		$email = "";

		//Lấy giá trị POST từ form vừa submit

		if ($_SERVER["REQUEST_METHOD"] == "POST") {
	    if(isset($_POST["name"])) { $name = $_POST['name']; }
	    if(isset($_POST["sex"])) { $sex = $_POST['sex'];  }
	    if(isset($_POST["phone"])) { $phone = $_POST['phone']; }
	    if(isset($_POST["email"])) { $email = $_POST['email']; }

		$sex = (int)$sex;

	    //Code xử lý, insert dữ liệu vào table
	    $sql = "INSERT INTO customers (NAME, sex, phone, email)
	    VALUES ('$name', '$sex', '$phone', '$email')";

	    if ($connect->query($sql) === TRUE) {
	        echo "Thêm dữ liệu thành công";
	    } else {
	        echo "Error: " . $sql . "
" . $connect->error;
	    }
	}
	//Đóng database
	$connect->close();
?>

All rights reserved