时间戳

首页 > 解决方案 > 如何在 ajax 代码中进行检查验证

javascript - 如何在 ajax 代码中进行检查验证

问题描述

这是我的视图页面代码：当我输入订单时，没有从表中获取一些详细信息。

在此处输入图像描述

第二张图片显示它获取了数据并显示在视图页面中：我使用了 ajax 代码来获取数据。

在此处输入图像描述

现在我想要的是如果输入订单号为 1 并保存到另一个表中。现在再次在同一页面刷新内容，如果再次输入订单号为 1 它不应该显示在视图页面中并在 ajax 中提醒消息。

我的控制器代码：

public function DC_Entry_Insert(){
    $this->load->model('User_model');
    $result = $this->User_model->DC_insert($_POST);
}

我的ajax代码：

script type="text/javascript">
$(document).ready(function(){
    $('#orderno').on('input change',function(){
         var orderno = $("#orderno").val();
    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>Inventory/Orderfetch",
        data: {
                orderno:orderno
        },
        datatype: 'json',   
        success: function (data) {
            $('#Product_Name_div').html(data); 
        }
        });
    });
}); 
</script>

我的模型代码：

function fetch_item($orderno){
 $this->db->where("orderno",$orderno);
  $this->db->select('*');
  $this->db->join('item_master', 'item_master.id = order_item.itname', 'left');
  $this->db->from('order_item');
  $query_result = $this->db->get()->result();
  $output = '<center><table class="table table-bordered table-striped table-xxs" id="tb2">  

  <tbody>';            

      if($query_result !='false'){
       $i=0; 

foreach ($query_result as $key => $value) { 

$output .='<tr> 
<td><a href="javascript:void(0);"><span class="glyphicon glyphicon-remove" id="remove"></span></a></td>
<td><input style="width:50px" name="sno[]" type="text" class="form-control input-xs" value="'.$value->sno.'" ></td> 
<td><input style="width:250px" name="itemname[]" type="text" class="form-control input-xs" value="'.$value->itemname.'" ></td> 
<td><input style="width:80px" name="qty[]" type="text" class="form-control input-xs qty" value="'.$value->qty.'" id="qty_'.$i.'" onchange="calculate('.$i.')"></td> 
<td><input style="width:90px" name="wgt[]" type="text" class="form-control input-xs" > </td> 
<td><input style="width:150px" name="desc[]" type="text" class="form-control input-xs" > </td> 
<td><a href="javascript:void(0);" style="font-size:18px;" class="addMore" title="Add More Person"><span class="glyphicon glyphicon-plus"></td>
</tr>'; 
$i++;
}
$output .="</tbody>
</table></center>";
echo $output;
}
}

标签： javascriptajaxcodeigniter

解决方案

您可以在使用 javascript 发布到服务器之前进行验证，也可以在服务器端进行。一个小例子，如果你正在发送数据

data: {
            orderno:orderno
    }

然后你可以检查你的后端

    if($this->input->post('orderno')=='10){
    $flag='1';
    }else{
    $flag='1';
    }
return $flag;

然后你可以在 html 标签上显示它，或者你可以在 javascript 警报上显示。

推荐阅读