在网页前端开发中常常需要网页的局部更新,这种技术叫作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);
}
}