无法使用ajax,php和jquery

时间:2018-02-16 06:52:16

标签: javascript php jquery ajax

我正在尝试使用ajax提交表单。在后端部分,我试图打印“fname”,“location”和“image”的值,以检查数据是否到达那里

但是当我尝试使用console.log检查响应时,我收到以下消息

for dataString

  

filename = girl.jpgfname = johnlocation =弗吉尼亚州里士满

表示fname

  

严重性:通知消息:未定义索引:fname

for image

  

没有回复

我无法在后端获取数据,任何人都可以帮我解决这个问题

表格

<form class="form-inline" id="form_add"  enctype="multipart/form-data"> 
  <input type="file" id="file-input" name="file-input"  accept="image/*" >

  <input type="text" class="form-control name" id="fname"  placeholder="First Name" >                            
  <select class="location" id="location" >
    <option value="">Location</option>
    <?php foreach($location as $loc): ?>
      <option value="<?php echo $loc->city.', '.$loc->state;?>" ><?php echo $loc->city.', '.$loc->state;?></option>
    <?php endforeach; ?>
  </select>
  <button type="submit" class="save_btn"  id="submit" > <img src="save.png" class="Save">   </button>
</form>

脚本

<script>
  $("#submit").click(function()
    {
      event.preventDefault();
      var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '');
      var fname = $("#fname").val();
      var location = $("#location").val();
      var dataString = 'filename='+ filename + 'fname='+ fname + 'location='+ location;
      if(filename != "" || fname != "" || location != "")
            {
              $.ajax({
                type: "POST",
                url: "Data/add_data",
                data: dataString,
                cache: false,
                success: function(result){
                  console.log(result);
                  console.log(dataString);
                }});
            }
    });
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

在后端

$config['upload_path'] = './assets/client_img/.';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = 1024 * 8;
$config['encrypt_name'] = TRUE;

$this->load->library('upload', $config);
$data = $this->upload->data();
echo $img_name = $data['file-input'];

echo $_POST['fname'];

表格中的选定值为:

  

文件名= girl.jpg

     

名字(fname)=约翰

     

我从位置下拉菜单中选择的值=弗吉尼亚州里士满

3 个答案:

答案 0 :(得分:1)

ft.reduce(compose, it.repeat(np.log, times=2), identity)(10)
# 0.83403244524795594

ft.reduce(compose, it.repeat(np.log, times=3), identity)(10)
# -0.18148297420509205

仅限图片

{
              $.ajax({
                type: "POST",
                url: "Data/add_data",
                data: {
                        filename : filename,
                        fname:fname,
                        location:location
                      },
                cache: false,
                success: function(result){
                  console.log(result);
                  console.log(dataString);
                }});
            }

因为codeignitor只会在控制器中显示名称,不需要替换或者ci将无法计算路径

答案 1 :(得分:0)

问题在于你的

dataString

你可以这样做:

var dataString='filename=' + filename + '|fname=' + fname + '|location=' + location;

所以当你在后端(php)中收到dataString时,可以使用以下命令拆分dataString:

$dataString=explode('|',  $dataReceived);

所以你可以通过这样做得到每个部分:

$filename=$dataString[0]; 
$fname=$dataString[1];
$location=$dataString[2];

希望有所帮助

答案 2 :(得分:0)

您的dataString必须是JavaScript对象。

  var data = {filename: filename, fname: fname, location: location};