我正在尝试使用jquery和ajax将多个数据发送到另一个页面，以检查数据库中是否存在值

Question

 function checkAvailability() { $("#loaderIcon").show(); jQuery.ajax({ url: "check_availability.php", data:'flatno='+$("#flatno").val(), type: "POST", success:function(data){ $("#flatno-availability-status").html(data); $("#loaderIcon").hide(); }, error:function (){} }); } 

 <div> <input name="block_id" type="hidden" id="block_id" value="somevalue"> </div> <div id="frmCheckflatno"> <label>Flat Number:</label> <input name="flatno" type="text" id="flatno" onBlur="checkAvailability()"><span id="flatno-availability-status"></span> </div> <p><img src="LoaderIcon.gif" id="loaderIcon" style="display:none" /></p> 

脚本将值flatno发送到check_availability.php并从数据库查询信息。 现在我需要发送两个值- flatno和blockno ，以check_availability.php ，这样我可以使用2个约束检查数据库。

Answer 1

发送一个数组到你的后端：

<script>
    function checkAvailability() {
        $("#loaderIcon").show();
        var fn = $("#flatno").val();
        var bn = $("#blockno").val();
        jQuery.ajax({
            url: "check_availability.php",
            data: {flatno: fn, blocno: bn},
            type: "POST",
            success: function (data) {
                $("#flatno-availability-status").html(data);
                $("#loaderIcon").hide();
            },
            error: function () {}
        });
    }
</script>

当然最好在调用php脚本之前检查两个字段中是否有任何值。

Answer 2

 function checkAvailability() { var flatnoValue = $("#flatno").val(); var blocknoValue = $("#block_id").val(); $("#loaderIcon").show(); jQuery.ajax({ url: "check_availability.php", data:'{flatno:flatnoValue,blockno:blocknoValue}, type: "POST", success:function(data){ $("#flatno-availability-status").html(data); $("#loaderIcon").hide(); }, error:function (){} }); } 

 <div> <input name="block_id" type="hidden" id="block_id" value="somevalue"> </div> <div id="frmCheckflatno"> <label>Flat Number:</label> <input name="flatno" type="text" id="flatno" onBlur="checkAvailability()"><span id="flatno-availability-status"></span> </div> <p><img src="LoaderIcon.gif" id="loaderIcon" style="display:none" /></p>