jquery之使用get方法GET请求页面并反回结果

yangdong · 发表于 2017-9-27 22:46:23

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

$.get() 方法使用 HTTP GET 请求从服务器加载数据，获取提交GET数据后的服务器处理结果，可做异步的登陆验证，本文介绍了基础的使用，从验证连接是否成功到发送GET数据
摘自http://www.runoob.com/jquery/ajax-get.html：

语法：

[JavaScript] 纯文本查看 复制代码

$.get(URL,data,function(data,status,xhr),dataType)

实际使用一下：
我写了一个最简单的，不发送GTE请求的代码：
需要在header中引入jquery.js文件
新建index.php：
其他代码都是标准的HTML5格式
其中js代码为：

[HTML] 纯文本查看 复制代码

<script>
                $.get("ajax.php",function(date){
                        document.write(date);
                });
</script>

在ajax.php中写上如下代码：

[PHP] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="zh">
<head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
</head>
<body>
test
</body>
</html>

在网页中显示一个test

这样就可以在index.php中看到test

现在来发送一个GET请求：
我通过一个点击来触发一个get请求，而不是靠刷新页面：
修改index.php:

[PHP] 纯文本查看 复制代码

<body>        
        <button>发送一个GET请求</button>
<script>
$(document).ready(function(){
        $("button").click(function(){
                $.get("ajax.php",{name:"tom"},function(data,status){
                        document.write(data + status);
                });
        });
});
</script>
</body>

这里我们发送一个GET数据，相当于ajax.php?name=tom,只不过这是异步的，在不刷新当前页面的情况下获取服务端数据

修改ajax.php中代码：

[PHP] 纯文本查看 复制代码

<?php
if($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['name'])){
        echo $_GET['name'];
}
?>

代码非常简单，打印传递过来的GET数据
当点击index.php中的按钮时，将获取到提交的GET值

点击之后的变化：

tom就是我们传递的GET值，而后面的success是状态代码，表示这次请求是成功的！
我们换一个GET值看看：
修改index.php的data数据部分：

[PHP] 纯文本查看 复制代码

<body>        
        <button>发送一个GET请求</button>
<script>
$(document).ready(function(){
        $("button").click(function(){
                $.get("ajax.php",{name:"先锋者IT论坛"},function(data,status){
                        document.write(data + status);
                });
        });
});
</script>

结果：

可以这个特性做登陆界面的异步验证用户名和密码是否正确

jquery之使用get方法GET请求页面并反回结果

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

灌水之王

逛了这许久，何不进去瞧瞧？