如何在没有xhr

时间:2016-04-15 01:50:33

标签: javascript jquery ajax

我之前有这样的代码:

<script>

function()
{

//*code*
fxajax.sendData
({
    url:"",
    data:{},
    success:function(){},
    error:function(){}

});
}

</script>

但我的经理要我把我的代码放在ajax中,所以我把它放在beforeSend

<script>

function()
{

fxajax.sendData
({
    beforeSend: function()
                {/*code*/}
    url:"",
    data:{},
    success:function(){},
    error:function(){}

});
}

</script>

我的问题是beforeSend没有执行但是url,数据,成功和错误都能正常工作。然后我想也许是因为我没有XHR请求。

知道我应该如何实现这段代码吗?

1 个答案:

答案 0 :(得分:2)

这是一个简单的方法

$(document).ready(function(){
// set a 1 second to fire ajax request
 setTimeout(function () {
    // url of the image
    var url = 'https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg';

    $.ajax({
      url : '', // url request
      type : "GET", // type of request,
      beforeSend : function () {
        var i = new Image();
          i.src = url;
          i.onload = function () {
            // change it to div
            $('div').append(i);
          }

          console.log("ajax is firing");
      },
      success: function () {

      },
      error : function (xhr, txtstatus, text) {
        console.log(txtstatus);
        console.log('error');
        // any error from request
      }
    });
  }, 1000);
});

这是一个简单的DEMO