jQuery - AJAX get() 和 post() 方法
2016-09-22 16:38
337 查看
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$.get("uploads/get.txt",function(data,status){
alert("数据:"+data+"\n状态"+status);
});
});
$("#btn2").click(function(){
$.post("uploads/post.txt",
{
name:"Dnoald Duck",
city:"Duckburg"
},
function(data,status){
alert("数据:"+data+"\n状态"+status);
});
});
});
</script>
</head>
<body>
<button id="btn1">向页面发送HTTP GET 请求,然后获得返回结果</button>
<button id="btn2">向页面发送HTTP POST 请求,然后获得返回结果</button>
</body>
</html>
<html>
<head>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$.get("uploads/get.txt",function(data,status){
alert("数据:"+data+"\n状态"+status);
});
});
$("#btn2").click(function(){
$.post("uploads/post.txt",
{
name:"Dnoald Duck",
city:"Duckburg"
},
function(data,status){
alert("数据:"+data+"\n状态"+status);
});
});
});
</script>
</head>
<body>
<button id="btn1">向页面发送HTTP GET 请求,然后获得返回结果</button>
<button id="btn2">向页面发送HTTP POST 请求,然后获得返回结果</button>
</body>
</html>
相关文章推荐
- jquery的get,post和ajax方法的使用
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- jQuery - AJAX get() 和 post() 方法
- jQuery - AJAX get() 和 post() 方法---非常好的实例
- Jquery中 $.get(),$.post(),$.ajax(),$.getJSON()方法的使用与区别
- jQuery教程 - Ajax之$.get()方法和$.post()方法
- jQuery - AJAX get() 和 post() 方法
- jQuery-ajax-.get,.post方法
- jquery实现读取页面load get post ajax的几种代码方法
- jQuery中Ajax的get、post等方法详解
- JQuery 中的ajax的方法 ($.ajax,$.post.$get,$.jgetJSON)
- jQuery 的 .get和.post和.ajax方法IE的兼容问题
- jQuery中$.get、$.post、$.getJSON、$.ajax 方法详解
- jQuery-ajax-.get,.post方法
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- jQuery - AJAX get() 和 post() 方法(二十六)
- jquery中get,post和ajax方法的使用小结
- jQuery中$.get、$.post、$.getJSON、$.ajax 方法详解
- 锋利的jQuery读书笔记---jQuery中Ajax--get、post等方法
- 锋利的jQuery读书笔记---jQuery中Ajax--get、post等方法