2015年12月15日 星期二

jQuery 利用 ajax 傳值

將表單的帳號與密碼用ajax的方式,傳給php處理,再將值傳回。
$.ajax 就是jQuery的用  ajax 的寫法。
check.html
<html>
<head>
    <meta charset="utf8">
    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("form").submit(function(){
            var myhtml = $.ajax({
                type:"POST",  //傳值方式有分 post & get
                url:"bb.php",
                data:{ name:$('#name').val(),pass:$('#pass').val()  },//將表單的值設定好
                async:false
            }).responseText;
            alert(myhtml);
        });
             
})
    </script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>帳號:
    <input name="name" type="text" id="name" />
  </p>
  <p>密碼:
    <input name="pass" type="password" id="pass" />
    <input type="submit" name="Submit" value="送出" />
  </p>
</form>
</body>
</html>

bb.php
<?php
$name = $_POST['name'];
$pass = $_POST['pass'];
echo "name=$name and pass = $pass";
?>


沒有留言:

張貼留言