Jquery：在这种情况下我们应该为元素调用什么事件

Question

我有一个表单“B”，我们可以从表单“A”获取元素的所有详细信息，我的意思是请求流从“A”到“B”。对于一个元素 我们需要调用 Ajax 请求并获取相关详细信息。现在我们正在发送“change”事件的ajax请求。 需要使用哪个事件才能满足两者。是否可以使用onload，更改。没有成功

$("#txt1").bind('change load', function() {
    var dstvalue = $("#txt1").val();
    if (dstvalue.length < 3) {
        $("#err").text("characters");
    }
    $.ajaxSetup({
        cache: false
    });
    $.getJSON("ajax.php", {
        'term': $("#txt1").val()
    }, function(data) {
        $("#err").text($.trim(data[0].label));
    });
});

Answer 1

您可以在将其绑定到您的 .change() 处理程序后调用它ready 处理程序来满足 load 事件，如下所示：

$.ajaxSetup ({ cache: false});
$(function() {
  $("#txt1").change(function(){
    var dstvalue = $(this).val();
    if(dstvalue.length < 3) {
      $("#err").text("characters");
    }
    $.getJSON("ajax.php",{'term' : dstvalue}, function (data) {
        $("#err").text($.trim(data[0].label));
    });
  }).change(); //call it on ready
});

Answer 2

所以，我猜你想在页面加载时触发 ajax 请求一次，如果 #txt1 的值发生变化则再次触发？

这个怎么样：

$(document).ready(function() {
    function getDetails() {
        var dstvalue = $("#txt1").val();
        if (dstvalue.length < 3) {
            $("#err").text("characters");
        }
        $.ajaxSetup({ cache: false });
        $.getJSON("ajax.php", { 'term': $("#txt1").val() }, function(data) {
            $("#err").text($.trim(data[0].label));
        });
    }

    $("#txt1").change(getDetails);
    getDetails();
});

Answer 3

如果您在“文本”类型的输入上绑定事件，则它没有 onLoad，这就是您无法绑定的原因。您可以将其与焦点绑定，这会在输入接收焦点时发生。

如果您想在文档准备好时发送 Ajax，则应该使用 $(document).ready()。