ajax的简单使用——get&post两种方法的实现（1）

ajax有什么作用

1. 它能实现不重载页面而达到更新页面的作用
2. 从服务器请求数据
3. 从服务器获取数据
4. 传递数据至服务器

实现方法

method

get

$("#getapi").click(function(){
  $.ajax({
    url: "https://jsonplaceholder.typicode.com/posts",
    type: "get",
    success: (res) => {
      //you can do everything you like to control you data
      for(var i = 0; i<res.length;i++){
        console.log(res[i].title);
      }
    },
    error:(e) => {
          console.log(e);
    }
  });
});

post

var data = 
     {
       "userId": $("#name").val(),
       "id":  $("#password").val(),
       "title": "1",
       "body": "2"
     };
     $.ajax({
       url:"https://httpbin.org/post",
       type: "post",
       data:data,
       datatype:'json',
       success: (res) => {
         console.log("success");
         console.log(res);
       },
       error:(e) => {
         console.log(e);
       }
     });

这里是ajax实现的一种简单实现方法。