jquery $.post()的用法 | web开发笔记的IC技术圈专栏

在网页前端开发中常常需要网页的局部更新，这种技术叫作ajax。而jquery的$.post()函数就是实现了这一功能。

比如有一个按钮和输入框，点击后去后台查询，然后把查询的结果局部更新在<div>里。

<div>
	<input type="text" id="myQuestion" placeholder="输入你的问题">
	<a class="btn" href="javascript:void(0)" onclick="query()">查询</a>
</div>
<div id="result"></div>

调用$.post()来提交问题。后台的接口是query_api，参数是s=xxx，通过POST发送。

<script>
$.post(
	"query_api",
	{
		"s": $("#myQuestion").val().trim();
	},
	function(data, status){
		if(status == "success"){
			...
		}
	}
);
</script>

回调函数function(data, status){ ... }用来处理收到数据后如何更新的网页中。假设后台返回是如下格式的json，用jquery的div_obj.val(xxx)来设置div的内容。

{
	"answer": "这是答案"
}

function(data, status){
	if(status == "success"){
		$("#result").val(data.answer);
	}
}