$.get(
请求目标 页面地址
,参数 {key:value , key:value}
,回调函数 function (data,textStatus){有两个参数,一个是data,他是返回的内容,可能是XML,JSON,html等;另一个是请求状态success,error,notmodified,timeout}
);
由两个页面配合实现。
form.php
form1.php
在form.php界面,发出ajax请求,form1.php接收请求并返回数据。
form.php的代码
<html>
<form id="form1" action="#">
<p>username:<input type="text" name="username" id="username" /></p>
<p>password:<input type="text" name="password" id="password" /></p>
<p><input type="button" id="send" value="提交" /></p>
</form>
<div class="result" id="result"></div>
</html>
<script src="js/jquery-2.0.3.js"></script>
<script>
$(document).ready(function(){
$("#send").click(function(){
$.get("form1.php",{
username:$("#username").val() ,
password:$("#password").val()
},function (data,textStatus){
$("#result").html(data);
});
});
});
</script>
form1.php
<?php
ECHO "上传的登录名为:".$_GET['username'];
echo "<br>";
echo "上传的密码为:".$_GET['password'];
?>