网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
内容
    这篇文章主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    关键代码如下所示:
    <script>
    $('.screenshot_input').change(function (){
    //获取file对象 即相当于可以直接post的$_FILES数据
    var domFile = $(this)[0].files[0]
    var domForm = $('#testForm')[0]
    //将form对象直接作为参数 new FormData对象
    var formData = new FormData(domForm);
    //追加file 对象
    formData.append('file',domFile);
    $.ajax({
    url:'{{ path( 'acme_admin_app_dealAppScreenShot') }}',
    type: "POST",
    data: formData,
    processData: false, // tell jQuery not to process the data
    contentType: false, // tell jQuery not to set contentType
    xhr: function(){ //这是关键 获取原生的xhr对象 做以前做的所有事情
    var xhr = jQuery.ajaxSettings.xhr();
    xhr.upload.onload = function (){
    alert('finish downloading')
    }
    xhr.upload.onprogress = function (ev) {
    if(ev.lengthComputable) {
    var percent = 100 * ev.loaded/ev.total;
    console.log(percent,ev)
    }
    }
    return xhr;
    },
    success:function(data){
    alert(data)
    }
    })
    })
    </script>
    Array
    (
    [name] => cooff
    [email] => qq.comaa
    )
    Array
    (
    [file] => Array
    (
    [name] => yunce2.0测试.apk
    [type] => application/vnd.android.package-archive
    [tmp_name] => /tmp/php4Jxt0c
    [error] => 0
    [size] => 6476627
    )
    )
    一次过把form表单 和 file 对象发送到PHP后端controller 处理起来非常方便。
    以上所述是小编给大家介绍的jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象,希望对大家有所帮助
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/22 19:41:27