关闭

(js方法)通过给的api接口用ajax获取到接口数据

标签: apiajaxurlxmlhttprequestjson
133人阅读 评论(0) 收藏 举报
拿到api接口,首先得看到接口给我们返回的是什么格式的数据
一般来说都是json格式,数组格式,或者字符串格式
这就需要相应的方法进行数据处理。把数据处理成为我们想要的格式
var xmlhttp=new XMLHttpRequest();
var url="数据接口";
var type="GET";//方法
xmlhttp.open(type,url,true);//方法,接口,异步
xmlhttp.send();//发送请求
xmlhttp.onreadystatechange=function(){
if(xmlhttp.status==200&&xmlhttp.readyState==4){
var result=JSON.parse(xmlhttp.response);
console.log(result)//result即为接口返回给我们的数据具体进行处理可以封装一个方法
}
}
个人建议:自己封装一个ajax函数,每次使用方便快捷,只需要预留接口,每次传进不同的实参即可
0
0
查看评论

html中使用Ajax与后台接口api交互(以登录功能为例)

一、查阅开发文档首先,要做这个功能前,我们必须先查阅后台接口文档,了解使用登录接口时,需要提交哪些参数,并且接口使用返回的数据。 这里我使用了一个返回json格式数据的登录接口为例,讲解怎么使用Ajax与后台接口交互。由上图开发文档里,我们可以清楚的知道,要使用这个登录接口,我们只需要提交账号ad...
  • xuanyonghao
  • xuanyonghao
  • 2017-03-25 12:55
  • 4860

ajax请求后台接口数据与返回值处理js写法

ajax的代码,用的是jquery的 ajax: $.ajax({ url: "/test.php",//后台提供的接口 type: "post", //请求方式是post data...
  • wangweiscsdn
  • wangweiscsdn
  • 2016-12-29 16:13
  • 5676

JS通过JSONP跨域请求API接口

一般JS跨域请求,会经常用到dataType:"JSONP"的格式请求,这里做了一个接口服务器和请求服务器的例子: 接口服务器地址:http://www.api.com/login.php 接口服务器要这样写: <?php $response['status&...
  • u010884130
  • u010884130
  • 2016-04-20 17:26
  • 8526

利用js将ajax获取到的后台数据动态加载至网页中

利用js将ajax获取到的后台数据动态加载至网页中,生成二级菜单树。
  • u012724595
  • u012724595
  • 2017-07-04 10:08
  • 2350

js使用ajax传值给后台,后台返回字符串处理

js使用ajax传值给后台,后台返回字符串的处理方法
  • u012698249
  • u012698249
  • 2017-09-06 15:52
  • 1824

【AJAX】使用getScript()方法异步加载并执行js文件

功能:使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback...
  • happyhaojie
  • happyhaojie
  • 2016-04-07 01:20
  • 2610

ajax请求接口里的数据,然后显示在页面里

$.ajax({ url:"这里是你要请求的地址", data:{"id":id}, //以键/值对的形式 async : false, dataType : "json", success : function(dat...
  • qq_30632003
  • qq_30632003
  • 2016-09-28 09:41
  • 2051

js闭包函数结果值获取

js闭包函数这样写不能获取到返回值,原因:AJAX是一个异步的,想要操作request获取到的结果需在success中写。 var welcomeUrl__ = (function(){ Ext.Ajax.request({ url:'devel...
  • beautiful20100708
  • beautiful20100708
  • 2016-03-30 15:40
  • 151

ajax 数据交互 接口调用

ajax 请求 jQuery ajax 请求 ajax post请求 ajax get请求 ajax 接口调用
  • Rainbow1995
  • Rainbow1995
  • 2017-08-12 19:26
  • 256

Jquery 使用全局变量ajax请求返回的json问题

我们先来看段代码:function loadTreedata(){ var _menuData=[]; $.ajax({ type:"post", dataType:"json", accept:"application/json&quo...
  • asartear
  • asartear
  • 2014-11-17 21:21
  • 1595
    个人资料
    • 访问:7907次
    • 积分:510
    • 等级:
    • 排名:千里之外
    • 原创:27篇
    • 转载:14篇
    • 译文:16篇
    • 评论:0条