如何使用ajax使用上传将数据从html表单发送到php

时间:2018-05-28 07:19:59

标签: php ajax

我是php和jquery的新手,所以我不知道如何使用ajax,特别是文件上传系统发布数据。我有上传的php代码但在我的项目中可能需要使用ajax。

2 个答案:

答案 0 :(得分:-1)

你应该在一个函数中使用Javascript / jQuery。 我通常用jQuery这样做:

$.post("your_php_file.php",
{
value1: $("#id1").val(),
value2: $("#id2").val(),
value3: $("#id3").val()
})
.done(function (data) {
  alert(data); //shows message
  window.location.reload(); //reload page 
});

答案 1 :(得分:-2)

function dataSubmit(formid){

       //alert(formid);
    //   $('.result').html('<p style="display:block; text-align:center;"><i class="fa fa-refresh fa-spin fa-fw" aria-hidden="true"></i><span class="sr-only">Process...</span> Processing</p>');
        var action = $(formid).attr('action');

        var fd = new FormData();
           var file_data = $('input[type="file"]')[0].files; // for multiple files
           for(var i = 0;i<file_data.length;i++){
               fd.append("file_"+i, file_data[i]);
           }
           var other_data = $('form').serializeArray();
           $.each(other_data,function(key,input){
               fd.append(input.name,input.value);
           });
           $.ajax({
               url: action,
               data: fd,
               contentType: false,
               processData: false,
               type: 'POST',
               success: function(data){
                   console.log(data);
                   var tag = 'Successfull';

                     if(data.indexOf(tag) != -1){
                         eagleToast(data, 5000,'green');
                     }
                     else
                     {
                         eagleToast(data, 5000,'red');
                     }
               }
           });

    }

我希望这段代码能够运作。