jquery ajax中post()方法用法入门

发布时间:2020-09-09编辑:脚本学堂
本文介绍了jquery ajax中post()方法的用法,post方法的语法结构与参数解析,并提供了一个jquery ajax中post()方法的例子,需要的朋友参考下。

jquery中ajax post()方法用法

$.post() 方法通过http post请求从服务器上请求数据。

语法结构:
 

$.post(url,data,callback);

参数解析:
1、URL:必须,规定请求的URL。
2、data:可选,规定连同请求发送的数据。
3、callback:可选,规定请求成功后所执行的函数名。

例子:
 

复制代码 代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.plcxue.com/" />
<title>plc学堂 - www.plcxue.com</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#bt").click(function(){
    $.post("mytest/demo/antzone.html",function(data,status){
      alert("Data:"+data+"nStatus:"+status);
    })
  })
})
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>