jquery如何实现ajax技术2：$.post()

来源：动视网责编：小采时间：2020-11-27 20:28:02

jquery如何实现ajax技术2：$.post()

jquery如何实现ajax技术2：$.post():在《jquery如何实现ajax技术1：$.ajax()》中我们已经学习了如何利用jQuery的$.ajax()函数来实现ajax的开发需要。但是相对于其它一些函数来说，$.ajax()的实现过程和代码量还是相对复杂。今天我们来学习jQuery的$.post()函数。相对于$.ajax

推荐度：

点击下载本文 文档为doc格式

导读jquery如何实现ajax技术2：$.post():在《jquery如何实现ajax技术1：$.ajax()》中我们已经学习了如何利用jQuery的$.ajax()函数来实现ajax的开发需要。但是相对于其它一些函数来说，$.ajax()的实现过程和代码量还是相对复杂。今天我们来学习jQuery的$.post()函数。相对于$.ajax

在《jquery如何实现ajax技术1：$.ajax()》中我们已经学习了如何利用jQuery的$.ajax()函数来实现ajax的开发需要。但是相对于其它一些函数来说，$.ajax()的实现过程和代码量还是相对复杂。
今天我们来学习jQuery的$.post()函数。相对于$.ajax()函数来说，$.post()函数更加简单和方便，但是只能通过POST的方式将数据参数提交到你需要虚拟访问的php文件。
我们先来看一下$.post()函数内的参数:
$.post(url,data,callback,type)
url---待载入页面的 URL 地址。
data---待发送 Key / value 参数。
callback---载入成功时回调函数。
type---返回内容格式，xml, html, script, json, text, _default。
下面举一个实际例子：
===============================================================
ajax.html

<html>

<head>

<title>$.ajax的应用</title>

$(document).ready(function(){

$('#bot_1').click(function(){

$.post('ajax.php',{web:"mysql100"},function(data,st){$("div").html(data);})

})

</script>

</head>

<center><h2>$.ajax的应用</h2></center>

<center><div>这是需要显示的地方</div></center>

</html>