jquery $.post()的用法
专栏:web开发笔记 July 6, 2024, 11:01 p.m. 53 阅读
记录一下jquery $.post()的用法

在网页前端开发中常常需要网页的局部更新,这种技术叫作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);
	}
}
感谢阅读,更多文章点击这里:【专栏:web开发笔记】