Ajax的新请求错误遗漏的类型错误:发送不是一个函数

问题描述:

我叫Ajax和我的阿贾克斯这样的错误: 遗漏的类型错误:ajaxGetData.send不是一个函数 我的代码是这样的:Ajax的新请求错误遗漏的类型错误:发送不是一个函数

<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

这是什么Request对象?我们展示的代码为这个.... – Milney

+2

要结合使用jQuery和普通的XMLHttpRequest的方面 –

您与javaScript Request搞砸jQuery ajax

的改进和运行与JS请求你的代码的版本可以是:

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); 
 
    }); 
 
}
<button onclick="myFunc()" class="btn btn-default">Click</button> 
 
<div id="getRes"></div>