Ajax函数调用不再工作?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (31)

需要帮助来解决Ajax调用问题在我的视图页面(codeigniter工作),有一个下拉和一个div部分。根据下拉值,数据将在div部分中发生变化。我正在使用ajax调用(在控制器中调用方法)在div下拉列表中更改事件上传数据。Ajax调用在下拉列表的第一个更改事件上工作正常,但是当我在下拉列表中第二次选择值时,ajax函数调用不起作用(第二个选择等等)。 我的代码是:VIEW PAGE =>

 $(document).ready(function() {  
 $("body").on('change','#assettype_id',function(e){  // "assettype_id" is 
                                                       dropdown id
  //e.preventDefault();   
   var categoryval = $('#assettype_id :selected').val();                         
   $.ajax({   
              type: 'POST',  
              cache: false,  
              url: 'http://my_path/index.php/assetcontroller/assignpc/'+ categoryval,  // Based on "categoryval" data will change in div tag  
              dataType: 'html',  
              success: function(data) {  
              $( "#result" ).load( "http://my_path/index.php/assetcontroller/assignpc/"+ categoryval);  // "result" is div tag id  
              $( "#result" ).html(categoryval);   
 },  
});  
    return false;  
  });  
 }); 

为什么ajax调用不能在第二次下拉式更改事件中使用?

提问于
用户回答回答于

你需要将.on('change')事件封装到函数中,以便随后可以随时调用它。

这是因为一旦你通过Ajax添加了新的html输出,这个html还不知道你的更改事件!

所以my_change_event()一旦你的Ajax输出已经被添加到DOM,你需要重新调用函数$( "#result" ).load()

像这样的东西:

$(document).ready(function() { 
   my_change_event();        
});

function my_change_event(){
   $( "#assettype_id" ).on( "change", function() { 
       $.ajax({   
          type: 'POST',  
          cache: false,  
          url: your_url,  
          success: function(data) {  
              // do something with data
              // html output
              my_change_event();
          } 
   });
}   

热门问答

如何设置物联网通信的规则引擎转发到微信小程序?

DylanRichard

腾讯 · 产品经理 (已认证)

万物互联的时代,欢迎来到IoT的世界
推荐

正如参考文章所述,通过规则引擎述是将设备上行数据转发到服务端而不是直接到小程序,需要开发者基于API SDK用于服务端开发,并于小程序进行上下行通信。

在房间内切出app/闪退后还继续收费吗?

腾讯音视频小蔡

深圳市腾讯科技 · 软件开发工程师 (已认证)

QQ:471381568
推荐
1、切出app调用pause的时候是在房间的话,会一直收费。 2、比如A在程序闪退后,如果没有重连,90秒后A会自动退出房间。 3、扣费有疑问可以先看下运营指引:https://cloud.tencent.com/document/product/607/17448 如果对扣费还...... 展开详请

腾讯IM web端sdk 1.7版本,更新到当前最新,在哪里可以查看有什么改动呢?

使用微信小程序也可以做腾讯云的标准视频直播吗?使用微信小程序做腾讯云的视频直播和im即时通讯可行吗?

美女视频一起走向共同富裕
推荐
支持的 IM部分,集成云通信 https://cloud.tencent.com/document/product/269/36838 标准直播部分,使用live-pusher和live-player标签,然后用云直播即可 https://cloud.tencent.com/do...... 展开详请

为什么我通过控制台vnc看到的界面和用vnc viewer看的的界面不一样???

HappyLau谈云计算专注于公有云,私有云解决方案,在kubernetes,openstack,kvm,ceph,linux,shell有丰富的实战经验。
推荐

控制台页面使用的是novnc,novnc是一种基于web页面使用的vnc客户端,详情可参考https://github.com/novnc/noVNC介绍,常规的vnc viewer是图形的客户端,所使用的依赖库有所不同,因此显示也不一样。

iOS在release下不走sendProcessBlock进度回调?

karis

腾讯 · 客户端开发工程师 (已认证)

Karis
推荐

请问是哪个版本的sdk呢,调用代码方便贴一下吗,最好能提供一个能复现的demo哈

所属标签

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励