当打开页面时，弹出一个盒子，显示状态查询中，当收到服务器返回的数据时，再把查询结果展现在盒子上，怎么用js jq实现呢？我是新手请尽量讲的详细一点，谢谢
哈喽，谷歌插件问题应该在chrome.runtime.onMessage.addListener没监听到消息，有用请点采纳哦
ajax啊
ajax里面beforeSend写你的逻辑，success再让数据显示
用jquery请求前，先把查询中显示出来，等到返回数据了，将查询中隐藏，把查询到的数据显示出来。
新手这么豪吗？
弹窗样式和控制弹窗的可以用bootstarp；或者是layUI；
下面的步骤
<script>
$(function () {
showBox();// 显示弹出一个盒子，显示状态查询中
$.ajax({
type : "post",
url : "/driver/oneDisableHidden",
data: {
id:id
},
success : function(data) {
if (data){
hiddenMsg();//隐藏查询中。。
data.xx = $("#box input[type=text]"); //显示结果
}
}
});
});
</script>
可以通过接口请求，如果你前后端配合过的话，这个应该很好理解，也就是ajax页面刷新数据，示例如下
```java
//TOP5材料验收列表二级弹窗
getQualityMaterialDetailsList(val) {
this.TOP5Loading = true;
const params = {
agencyId: val || this.code || this.selectAreaCode || "", //01
projectType: this.type || "", //1 区域 2 城市 3项目 //3
pageStart :"1",
pageSize:"100",
dataDate:"2021-01-01",
};
queryQualityMaterialDetailsList(params)
.then(res => {
this.TOP5TableData = res.data
this.TOP5Loading = false;
})
.catch(err => {
// console.log(err);
});
},
```
监听动态创建出来的标签的事件触发，我建议你使用JQ的吧，用原生的，你还要考虑兼容性问题等，比较麻烦