Ajax新请求错误未捕获TypeError:send不是函数

时间:2017-08-26 15:55:13

标签: javascript jquery ajax

我调用了ajax,我的ajax有这个错误:  未捕获的TypeError:ajaxGetData.send不是函数 我的代码是:

 <button onclick="myFunc()" class="btn btn-default">Click</button>
  <div id="getRes"></div>
 <script>


  function myFunc(){ 

    var ajaxGetData = new Request({
    url: 'ajax.php',
    method: 'post',
    data: {
      'item1':'item 1',                                               
      'item2':'item 2'                                               
      },
    onRequest: function(){
        document.id('getRes').innerHTML = '<div>is Loading...</div>';
        },
    onSuccess: function(responseText){                                                            
    if(responseText){  
        document.id('getRes').innerHTML = responseText; 
    }else{ 
        document.id('getRes').innerHTML = '';       
    }    
   },
    onFailure: function(){}
  });
  ajaxGetData.send();
  }

 </script>

我的问题是什么?坦克你。

1 个答案:

答案 0 :(得分:1)

您将jQuery ajaxjavaScript Request混为一谈。

使用js Request修改并运行的代码版本可以是:

&#13;
&#13;
@sh
&#13;
function myFunc() {

    var ajaxGetData = new Request('https://api.github.com/repositories?since=364');
    ajaxGetData.method = 'get';
    fetch(ajaxGetData).then(function (responseText) {
        return responseText.json();
    }).then(function (responseText) {
        if (responseText) {
            document.getElementById('getRes').innerHTML = responseText.map(function(ele, idx) {
                return ele.id;
            });
        } else {
            document.id('getRes').innerHTML = '';
        }
    }).catch(function (error) {
        console.error(error);
    });
}
&#13;
&#13;
&#13;