javascript - 在 Ajax 调用上发送输入数据并在 php 文件中进行处理

Question

我想通过 Ajax 调用将输入字段数据发送到 PHP 文件，然后将此数据 checkin 数据库(如果可用)，然后显示错误消息，如果不可用，则显示成功消息。

下面是我的代码 -HTML 代码 -

<lable class="required">Guillemot Reference Number:<em>*</em></lable><span><input type="text" name="case_number" id="case_number" class="input-text required-entry" value="" onChange="checkReferenceNumber()"/> <p class="case_number_warning" style="color:red; vertical-align: bottom; font-size: smaller; display:inline;"> Already Exists </p></span>

Javascript -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){	
    	$('.case_number_warning').hide();
    	$("#case_number").on('change', function(){
    		$('.case_number_warning').hide();
    		var datetime = d.getTime();
    		var case_number = $('#case_number').val();
    		$.ajax({
    		    url: '/checkReferenceNumber.php',
    		    type: 'POST',
    		    data:({
    			action 	: 'checkrefno',
    			case_number : case_number
    			 }),
    
    		    success:function(result) {
    			alert("Sent");	
    			var response = JSON.stringify(result);
    			},
    		    error: function() { alert("Already Exists"); $('.case_number_warning').show(); }
    		});						
    	});
    });
    
    </script>
    <script>jQuery.noConflict();</script>

Php 文件 checkReferenceNumber.php 代码 -

<?php
set_time_limit(0);
require_once '/var/www/html/app/Mage.php';
umask(0);
ini_set('memory_limit', '-1');
Mage::app('default');
$connection = Mage::getSingleton('core/resource')->getConnection('core_write');

    $action = trim($_REQUEST['action']);
    $case_number = trim($_POST['case_number']);
    /*
    $action = 'checkrefno';
    $case_number = 'Ref-12345678';
    */

    if($action == 'checkrefno'){
        $refno_output = $connection->fetchOne("select reference_number from guillemot_reference_number where reference_number = '".$case_number."'");
        if($refno_output) {
            echo    "\nReferece no - ". $refno_output;
        }
    }
?>

在此，我想检查输入字段数据在数据库中是否可用，或者在 Ajax Onchange 事件中是否可用，如果数据可用，则应返回数据可用或 true 或 false 的消息。

我想从 php 代码获取响应数据。如何从 php 代码将数据返回到 phtml 文件。并显示错误信息。

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

在 PHP 中，如果找到引用号，请使用 exit，

........
    if($action == 'checkrefno'){
        $refno_output = $connection->fetchOne("select reference_number from guillemot_reference_number where reference_number = '".$case_number."'");
        if($refno_output) {
            echo $refno_output;
            exit;
        }
    }
    echo 'NOTFOUND'; // status NOT FOUND ref code
    exit;
?>

在 Jquery 中使用

$("#case_number").on('change', function(){
    $('.case_number_warning').hide();
    var datetime = d.getTime();
    var case_number = this.value; // use simple this.value here
    $.ajax({
        url: '/checkReferenceNumber.php',
        type: 'POST',
        data:({
            action  : 'checkrefno',
            case_number : case_number
        }),
        success:function(result) {
            alert("Sent");  
            if(result==="NOTFOUND"){
                alert("Not Exists");
            }  else {
                alert("Ref Num "+result+" already Exists");
                $('.case_number_warning').show(); 
            }               
        } 
    });
});