Fatal编程技术网

AJAX的普通Javascript版本

javascript jquery ajax

AJAX的普通Javascript版本,javascript,jquery,ajax,Javascript,Jquery,Ajax,当我只想使用AJAX时，如何消除下载完整jquery库的需要。是否有一个专注于AJAX的较小文件，或者该代码是否有一个普通的Javascript版本 <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $.ajax({ type: 'POST',

当我只想使用AJAX时，如何消除下载完整jquery库的需要。是否有一个专注于AJAX的较小文件，或者该代码是否有一个普通的Javascript版本

<script type="text/javascript">
    $(document).ready(function(){
        $("button").click(function(){

            $.ajax({
                type: 'POST',
                url: 'cookies.php',
                success: function(data) {
                    alert(data);
                }
            });
   });
});
</script>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$.ajax({
键入：“POST”，
url:'cookies.php'，
成功：功能（数据）{
警报（数据）；
}
});
});
});
您可以使用该功能

以下是链接中的一个示例：

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  });
例如，您可以使用内置的获取模块

fetch('http://yourapi.com/data')
  .then(response => {
    console.log(response)
  });
您可以尝试使用XMLHttpRequest，如下所示

<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>

<button type="button" onclick="loadDoc()">Request data</button>

<p id="demo"></p>

<script>
function loadDoc() {

   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        document.getElementById("demo").innerHTML = this.responseText;
       }
     };

   xhttp.open("POST", "cookies.php", true);
   xhttp.send();
}
</script>

</body>
</html>


XMLHttpRequest对象
请求数据


函数loadDoc（）{
var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
document.getElementById（“demo”）.innerHTML=this.responseText；
}
};
open（“POST”，“cookies.php”，true）；
xhttp.send（）；
}
演示：

参考：

这是作为答案发布的，但它并不试图回答这个问题。
fetch
是jquery.ajax的普通版本，我不知道这有什么问题，我做错了什么？？这更好，但你最初的帖子并不是答案：给出答案的链接实际上并不是在回答问题。我不知道一定要有代码xD，不管怎样，谢谢你的解释，我在这里相对较新，记录
响应
并不是很有用。您最好返回
response.text（）
，
response.json（）
或类似的内容，并将其记录在下一个
中，然后
调用.response.text（）和response.json（）将不会显示带有状态代码和标题的完整响应对象