关闭

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

标签: ajax服务器
160人阅读 评论(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网站的观点或立场

Ajax请求GET/POST方法的封装

html lang="en"> head>     meta charset="UTF-8">     title>GET请求封装tit...
  • liang526011569
  • liang526011569
  • 2016-11-29 21:17
  • 1711

表单的提交方式POST和GET有什么区别

Post和Get都是表单属性Method的可选值,Method的默认值为Get。 两者的主要区别在于: 简单的讲,大概就下边两句话: post传递数据量较大,较安全,用request...
  • qq_33915126
  • qq_33915126
  • 2016-02-15 01:35
  • 4608

JS 最简单的AJAX实例, GET 和 POST 方法

申明:一定要打开服务器再在服务器域名下输入以下文件的地址,否则不能完成AJAX的传输 以下列举出的所有文件均放在同一级目录下(同一个文件夹下),否则自行修改路径。   Get方法: ...
  • c_chang
  • c_chang
  • 2017-02-16 16:26
  • 1340

MFC实现的简单的HTTP的POST和GET方法的类

  • 2013-06-04 17:46
  • 2KB
  • 下载

jQuery的局部刷新——get、post和ajax方法写法小结

在前台页面的编写中,为了考虑到业务的科学性和用户的体验性,常常需要验证用户的输入数据是否合理有效。一般来讲,普通的js即可以做到,但更多时候往往需要跟后台进行交互。例如用户注册,判断用户所输入的用户名...
  • qq_18875541
  • qq_18875541
  • 2017-04-06 15:54
  • 678

jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互

AJAX概述 1.什么是Ajax? Ajax是由Jesse James Garrett创造的,是“Asynchronous JavaScript + XML的简写”。 2.Adapti...
  • shenhonglei1234
  • shenhonglei1234
  • 2012-11-01 15:28
  • 2696

ajax 实现 GET POST 异步 同步 检验mysql连接情况简单实例

test.html test function $(id){ return documen
  • yjy86868
  • yjy86868
  • 2013-05-08 13:53
  • 434

jquery的get,post和ajax方法的使用

(在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){ //1.获...
  • qq_20745827
  • qq_20745827
  • 2016-07-26 20:59
  • 158

jquery的get,post和ajax方法的使用

在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){ //1.获取文本框的数据 /...
  • Baple
  • Baple
  • 2013-09-10 19:49
  • 1071

asp ajax post /get原生方法实现整数加法范例

asp ajax post get 范例本博客主要用来记录一些学到的东西第一部分演示POST提交,HTML部分 <meta http-equiv="Content-Typ
  • yolk119
  • yolk119
  • 2016-10-13 21:44
  • 125
    个人资料
    • 访问:1164次
    • 积分:77
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类