文本框改变事件,使用递归ajax思想

本文介绍了一种利用Ajax递归方法实时更新页面价格数据的技术。通过监听输入框的变化触发Ajax请求,每次请求都更新相应的价格显示,并递归地处理所有相关元素,确保数据库更新时页面价格同步变化。
偶然的机会要用ajax获取后台多个数据的价格来更新页面数据,就写了这个,发现了ajax的递归写法,虽然最后没用上,但还挺有意思的,这个好处就是,数据库数据更新的话 就能随之改变,但在服务器反应方面很不尽人意,可能以后用到的不多,仅此记录。
$(document).ready(function(){
             $("input[name='price']").bind('input propertychange',function(){
                 var price = $(this).val();
                 getPrice(0,price);
             })
         })
         function getPrice(i,price){
             var obj = $('.content .getpayprice').eq(i);
             var payp = obj.siblings('.am-input-sm');
             if(obj.length!='0'){
                 payid = obj.val();
                $.post("{:U('getpayprice')}",{payid:payid},function(re){
                     //alert(payp.val());
                     payp.val(re*price);
                     getPrice(i+1,price);
                 })
             }else{
                 return;
             }
         }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值