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

来源：互联网发布：网络订餐平台编辑：程序博客网时间：2024/05/22 05:31

本文主要介绍通过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信息，你可以在后台服务器中对这两个数据进行操作。

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

1 0