jQuery ajax 通过get方式实现

来源：互联网发布：全球3d拍软件编辑：程序博客网时间：2024/06/05 15:15

$.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

<?phpECHO "上传的登录名为：".$_GET['username'];echo "<br>";echo "上传的密码为：".$_GET['password'];?>

0 0