首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JS ajax事件按输入更改

JS ajax事件按输入更改
EN

Stack Overflow用户
提问于 2019-04-16 03:35:30
回答 1查看 15关注 0票数 -1

我希望有这样的代码,因为如果我进入另一个输入域,另一个就会更新

或者获得更好的输入更改

// on click search results...
$(document).on("touchend", "#ean", function() {
  var value = $("#ean").val();
  if (value.length != 0) {
    //alert(99933);
    searchData(value);
  } else {
    $('#search-result-container').hide();
  }
});

// This function helps to send the request to retrieve data from mysql database...
function searchData(val) {
  $('#search-result-container').show();
  $('#search-result-container').html('<div><img src="app/ajax-artstk/preloader.gif" width="50px;" height="50px"> <span style="font-size: 20px;">Please Wait...</span></div>');
  $.post('app/ajax-artstk/controller.php', {
    'ean': val
  }, function(data) {

    if (data != "")
      $('#search-result-container').html(data);
    else
      $('#search-result-container').html("<div class='search-result'><div class=\"alert alert-danger\" role=\"alert\">No Result Found...</div></div>");
  }).fail(function(xhr, ajaxOptions, thrownError) { //any errors?

    alert(thrownError); //alert with HTTP error

  });
}
<form action="#" method="POST" autocomplete="off">
  <div class="form-group">
    <input type="hidden" name="ausgang">
    <div class="row">
      <div class="col-md-2">
        <label class="control-label"></label>
      </div>
    </div>
    <hr>
    <div class="row">
      <div class="col-md-2">
        <label for="ean" class="control-label">EAN</label>
      </div>

      <div class="col-md-4">
        <input type="text" name="ean" class="form-control" id="ean" value="" maxLength="100" autofocus>
        <div id="search-result-container" style="border:solid 0px #BDC7D8;display:none; "></div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2">
        <label for="stueck" class="control-label">- Stück</label>
      </div>
      <div class="col-md-2">
        <input type="text" name="stk" class="form-control" id="stk" value="" maxLength="3">
      </div>
    </div>

    <hr>

    <div class="form-group">
      <div class="col-md-offset-2 col-md-10">
        <button type="submit" class="btn btn-success">Entnehmen</button>
        <button type="reset" class="btn btn-danger">S</button>
        <!-- PRINTBUTTON -->
      </div>
    </div>
  </div>
  <!-- END form-group -->
</form>

谁能帮我?到目前为止你已经试过所有的方法了

我想通过Android和Windows7 Firefox浏览器使用它。

我非常感谢您的帮助,我想要求发送任何链接,它是不好的解释

EN

回答 1

Stack Overflow用户

发布于 2019-04-16 03:59:12

    <script>
// on click search results...
$('body').on('change', '#ean', function() { 
     var value = $("#ean").val(); 
     if (value.length != 0) {
        //alert(99933);
        searchData(value);
    } else {     
         $('#search-result-container').hide();
    }    
});

// This function helps to send the request to retrieve data from mysql database...
function searchData(val){
    $('#search-result-container').show();
    $('#search-result-container').html('<div><img src="app/ajax-artstk/preloader.gif" width="50px;" height="50px"> <span style="font-size: 20px;">Please Wait...</span></div>');
    $.post('app/ajax-artstk/controller.php',{'ean': val}, function(data){

        if(data != "")
            $('#search-result-container').html(data);
        else                
        $('#search-result-container').html("<div class='search-result'><div class=\"alert alert-danger\" role=\"alert\">No Result Found...</div></div>");
    }).fail(function(xhr, ajaxOptions, thrownError) { //any errors?

    alert(thrownError); //alert with HTTP error

    });
}

</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55696138

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档