jquery利用async在ajax中给全局变量赋值

最新推荐文章于 2021-03-18 16:18:33 发布

原创最新推荐文章于 2021-03-18 16:18:33 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ajax #javascript

LANMP技术专栏同时被 2 个专栏收录

104 篇文章

订阅专栏

35 篇文章

订阅专栏

本文介绍了一种使用Ajax技术更新页面元素状态的方法。通过全局变量传递异步请求的结果，并据此改变DOM元素的显示状态，实现了页面局部刷新的效果。具体包括设置全局变量、发送Ajax请求、根据返回结果操作DOM等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
var bool_=false;
function set_state(url){
  $.ajax({
    type:'get',
    url:url,
    data:'',
    dataType:'html',
    async:false,  //添加此项 实现 ajax 返回结果内 对全局变量 bool_ 的赋值，否则无法对全局变量赋值！
    success:function(msg){
      if(msg=='1'){
        bool_=true; 
      }else{
        alert(msg);
        bool_=flase;
      }
    },
    error:function(error){
      alert(error);
      bool_=false;
    }
  });
}
$(function(){
  $("a[href=#set_yes]").click(function(){
      id=$(this).attr('yid');
      var url='http://127.0.0.1/test.php?state=1&id='+id;
      set_state(url);
      if(bool_){  //通过全局变量结果执行操作
        $("a[yid="+id+"]").hide();
        $("a[nid="+id+"]").show();
      }
  });
  $("a[href=#set_no]").click(function(){
      var id=$(this).attr('nid');
      var url='http://127.0.0.1/test.php?state=0&id='+id;
      set_state(url);           
      if(bool_){  //通过全局变量结果执行相应操作                
          $("a[yid="+id+"]").show();                 
          $("a[nid="+id+"]").hide();            
      } 
 });
</script>