首页 > 代码库 > Jquery_Ajax GET方式传递文本

Jquery_Ajax GET方式传递文本

第一个网页:

<!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_Ajax GET方式</title><script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script>$(function(){        $("button").click(function(){                        $.get("test.php?val=1212", {name:"zzh", age:20},             function(data){                alert(data);            });                        });    });</script></head><body><button>点击Ajax</button></body></html>

第二个网页(我这里设置为test.php),也是回传信息的网页,这个网页不会被看到,却是实际输出内容的页面

<?php $name="$_GET[name]";$age="$_GET[age]";echo "$name", "$age";?>

点击第一个页面后,会出现第二个页面输出的信息

效果如下:

技术分享

Jquery_Ajax GET方式传递文本