用jquery向服务器发送请求get&post

最新推荐文章于 2021-09-23 21:27:02 发布

CodingBoy121

最新推荐文章于 2021-09-23 21:27:02 发布

阅读量1w

点赞数 3

分类专栏： js 文章标签： jquery get post 服务器请求

本文链接：https://blog.csdn.net/u013676711/article/details/43736871

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文主要介绍通过jquery利用内置的ajax向服务器发送get和post请求，简洁而且有效，本人已经测试通过

一.介绍get方法，代码如下

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("localhost:8080/hello.html",function(data,status){
      alert("数据：" + data + "\n状态：" + status);
    });
  });
});
</script>
</head>
<body>

<button>向页面发送 HTTP GET 请求，获取状态信息</button>

</body>
</html>

注意：src="/jquery/jquery-1.11.1.min.js 此处的路径是你自己安装的jquery的路径，一定要配置正确，否则无法发送请求。里面的url： localhost:8080/hello.html 是我自己的服务中开的一个页面，比如你想向你自己写的后台服务中打一个请求，就可以将此处的url改为你的后台服务中对应网页的地址，然后就可以得到你期待的返回结果，里面的语法简单介绍下

其中$是一个选择器，$("button")是所有有click操作的行为都会触发这个请求, alert是html的提示语。

二. post方法，代码如下：

<!DOCTYPE html>
<html>
<head>
<script src="localhost：8080/hello.html">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.post("/example/jquery/demo_test_post.asp",
    {
      name:"Donald Duck",
      city:"Duckburg"
    },
    function(data,status){
      alert("数据：" + data + "\n状态：" + status);
    });
  });
});
</script>
</head>
<body>

<button>向页面发送 HTTP POST 请求，获取状态信息</button>

</body>
</html>

注意事项同上，该请求就可以向你的后台服务器post两条数据，分别是代码中对应的name和city信息，你可以在后台服务器中对这两个数据进行操作。

上面的东西简单快捷，可以用于简单的请求测试和公司内部工具的开发

CodingBoy121

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
用jquery向服务器发送请求get&post

本文主要介绍通过jquery利用内置的ajax向服务器发送get和post请求，简洁而且有效，本人已经测试通过一.介绍get方法，代码如下$(document).ready(function(){ $("button").click(function(){ $.get("localhost:8080/hello.html",function(data,status
复制链接

扫一扫