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";
?>
$.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";
?>
留言
張貼留言