Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两个ajax表单不能同时工作_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 两个ajax表单不能同时工作

Javascript 两个ajax表单不能同时工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有两个盒子,一个叫做最小金额,另一个叫做最大金额。当你将100放入最大金额时,它会发现低于100美元的产品。但当你把lets says later的最低金额设为50美元时,除非你刷新页面,否则它不会起作用 我的问题是,如何使这个脚本在我的两个框中都工作,就好像我在ajax中使用一个框一样,其他的框如果不刷新就无法工作 我很抱歉,如果我听起来有点困惑,但这是我迄今为止尝试的,它仍然不起作用 <script> //on keyup, start the countdow

我有两个盒子,一个叫做最小金额,另一个叫做最大金额。当你将100放入最大金额时,它会发现低于100美元的产品。但当你把lets says later的最低金额设为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>

//在键控启动时,开始倒计时
$('#maxprice').keyup(函数(){
doneTyping();
});
函数doneTyping(){
var值=$('#maxprice').val();
$.post(“script/limitedfetcher/maxprice.php”,
{
名称:value
},
功能(数据、状态){
$(“#加载程序”).empty();
$('#loader').html(数据);
});
}
$('#minprice').keyup(函数(){
doneTyping();
});
函数doneTyping(){
var值=$('#minprice').val();
$.post(“script/limitedfetcher/minprice.php”,
{
名称:value
},
功能(数据、状态){
$(“#加载程序”).empty();
$('#loader').html(数据);
});
}

使用

将出现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>

//在键控启动时,开始倒计时
$('#minprice,#maxprice').keyup(函数(){
doneTyping(这个);
});
函数doneTyping(元素){
var值=$(元素).val();
if($(元素).attr(“id”)=“maxprice”){
url=“script/limitedfetcher/maxprice.php”;
}否则{
url=“script/limitedfetcher/minprice.php”;
}
$.post(网址:{
名称:value
},
功能(数据、状态){
$(“#加载程序”).empty();
$('#loader').html(数据);
});
}

如何定义同一函数(doneTyping())两次?^是的-您使用不同的代码定义同一函数两次。将您的
doneTyping()
函数命名为不同的名称。非常感谢各位,我已经为该问题添加了您的修复程序,并且效果良好。