关闭

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

标签: ajax服务器
108人阅读 评论(0) 收藏 举报
分类:

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实现的一种简单实现方法。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:479次
    • 积分:62
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档