jQuery ajax 通过get方式实现


			$.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'];
?>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值