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

标签: ajax 服务器
192人阅读 评论(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实现的一种简单实现方法。

查看评论

ajax的简单使用——get&post的实现(2)

之前已经的博客有了一种简单实现ajax的方法,这里再补充另一种ajax的实现方法。与之前不同的是,这里采用纯JavaScript的方法来实现ajax的get和post两种方法。 具体实现如下:get...
  • Richard_pl
  • Richard_pl
  • 2017年11月14日 23:11
  • 148

Ajax的两种实现方式

//ajax的jquery实现 function aclick(){ //alert("测试一"); var name = $("#userName").val(); //alert(name...
  • liu625524324
  • liu625524324
  • 2015年07月27日 15:12
  • 1659

ajax获取数据的两种方式

ajax获取后台数据有两种方式,一种为responseText,这中方式是获取后台字符型数据。另外一种为responseXML,这种方式是获取后台以XML组织的数据。...
  • gaozhlzh
  • gaozhlzh
  • 2011年10月21日 11:00
  • 1044

有两种实现多线程的方式以及两种方式之间的区别

Java中有两种实现多线程的方式。一是直接继承Thread类,二是实现Runnable接口。那么这两种实现多线程的方式在应用上有什么区别呢?          为了回答这个问题,我们可以通过编写...
  • u013449800
  • u013449800
  • 2014年08月22日 18:40
  • 4093

线程有两种实现方法的具体区别

Java中有两种实现多线程的方式。一是直接继承Thread类,二是实现Runnable接口。那么这两种实现多线程的方式在应用上有什么区别呢?  第一种方式:使用Runnable接口创建线程 第...
  • chajinglong
  • chajinglong
  • 2015年08月24日 13:44
  • 8132

ajax的三种实现方式

Jquery的ajax实现 load方法 1 实现load方法中只有url参数的效果 load(url)     2 load方法中带三个参数 url data  function   第一个...
  • z_zhangteng_t
  • z_zhangteng_t
  • 2016年11月20日 11:11
  • 2599

Thread 两种实现方式的区别

一、类继承方式实现线程package thread.ticket; class Ticket1 extends Thread{ public Ticket1(String name) ...
  • limuzi13
  • limuzi13
  • 2015年09月27日 23:15
  • 1126

Ajax中的两种传参方式详解

1.创建servlet类,路径设置为ajax01,代码如下: package com.cdsxt.ajax; import java.io.IOException; import jav...
  • miachen520
  • miachen520
  • 2016年07月20日 18:50
  • 2202

多线程实现的两种方式及其区别

继承Threadpublic class Demo2_Thread { public static void main(String[] args) { MyThread mt ...
  • StriverLi
  • StriverLi
  • 2017年02月26日 21:07
  • 4645

Singleton模式的两种基本实现方式

Singleton模式的特点: 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 定义一个Instance操作,允许客户访问它的唯一实例。Instance是一个类操作(C++...
  • aheroofeast
  • aheroofeast
  • 2011年08月19日 19:48
  • 2127
    个人资料
    持之以恒
    等级:
    访问量: 3061
    积分: 108
    排名: 125万+
    文章存档