[英]Two ajax forms not working at the same time
我有两个盒子,一个盒子叫做最小数量,另一个盒子叫做最大数量。 当您在最大金额中放入100时,它将找到少于$ 100的产品。 但是,当您让Let说以后的最低金额为$ 50时,除非刷新页面,否则它将无法正常工作
我的问题是,如何使此脚本适用于我的两个盒子,就像我将一个盒子用于ajax一样,而另一个不刷新就无法工作。
很抱歉,如果我听起来有点困惑,但这是我到目前为止所尝试的,并且仍然无法正常工作。
<script>
//on keyup, start the countdown
$('#maxprice').keyup(function(){
doneTyping();
});
function doneTyping() {
var value = $('#maxprice').val();
$.post("script/limitedfetcher/maxprice.php",
{
name: value
},
function(data, status){
$("#loader").empty();
$('#loader').html(data);
});
}
</script>
<script>
$('#minprice').keyup(function(){
doneTyping();
});
function doneTyping() {
var value = $('#minprice').val();
$.post("script/limitedfetcher/minprice.php",
{
name: value
},
function(data, status){
$("#loader").empty();
$('#loader').html(data);
});
}
</script>
使用this
!
将发生keyup的元素传递给函数。
然后,根据两者中的哪一个...确定URL ...该函数的其余部分相同,无需定义两次。
<script>
//on keyup, start the countdown
$('#minprice, #maxprice').keyup(function(){
doneTyping(this);
});
function doneTyping(element) {
var value = $(element).val();
if($(element).attr("id")=="maxprice"){
url = "script/limitedfetcher/maxprice.php";
}else{
url = "script/limitedfetcher/minprice.php";
}
$.post(url,{
name: value
},
function(data, status){
$("#loader").empty();
$('#loader').html(data);
});
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.