向php发送数据
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery.get()</title>
<style type="text/css">
ul{border:1px solid black;list-style:none;
margin:0pt;padding:0pt;float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;width:300px;}
li{padding:10px 5px;border-bottom:1px solid black;}
label{width:100px;text-align:right;margin-right:10px;
float:left;}
#response{display:none;}
</style>
</head>
<body>
<form>
<ul id="information">
<li><label>Emial:</label>
<input type="text" name="email" />
</li>
<li><label>Name:</label>
<input type="text" name="fullName" />
</li>
<li>
<label>Sex</label>
<input type="radio" name="sex" value="Male" checked="checked" />Male
<input type="radio" name="sex" value="Female" />Female
</li>
<li><label>Country:</label>
<select name="country">
<option value="IN">India</option>
<option value="UK">UK</option>
<option value="USA">USA</option>
</select>
</li>
<li>
<input type="button" value="Go" name="submit" />
</li>
</ul>
<p id="response"></p>
</form>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input:button').click(function(){
var data=$('form:first').serialize();
$.post('send2php.php',data,function(data1){
$('#information').hide();
$('#response').html(data1).show();
});
});
});
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery.get()</title>
<style type="text/css">
ul{border:1px solid black;list-style:none;
margin:0pt;padding:0pt;float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;width:300px;}
li{padding:10px 5px;border-bottom:1px solid black;}
label{width:100px;text-align:right;margin-right:10px;
float:left;}
#response{display:none;}
</style>
</head>
<body>
<form>
<ul id="information">
<li><label>Emial:</label>
<input type="text" name="email" />
</li>
<li><label>Name:</label>
<input type="text" name="fullName" />
</li>
<li>
<label>Sex</label>
<input type="radio" name="sex" value="Male" checked="checked" />Male
<input type="radio" name="sex" value="Female" />Female
</li>
<li><label>Country:</label>
<select name="country">
<option value="IN">India</option>
<option value="UK">UK</option>
<option value="USA">USA</option>
</select>
</li>
<li>
<input type="button" value="Go" name="submit" />
</li>
</ul>
<p id="response"></p>
</form>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input:button').click(function(){
var data=$('form:first').serialize();
$.post('send2php.php',data,function(data1){
$('#information').hide();
$('#response').html(data1).show();
});
});
});
</script>
</body>
</html>
浙公网安备 33010602011771号