精华内容
下载资源
问答
  • js调用api

    2020-04-08 15:22:00
    //key 是 string 您申请的APPKEY //function test2() { // console.log(2222); // $.ajax({ // url: "http://zuowen.api.juhe.cn/zuowen/typeList", // type: "GE...
    
    //key	是	string	您申请的APPKEY
     //function test2() {
            //    console.log(2222);
            //    $.ajax({
            //        url: "http://zuowen.api.juhe.cn/zuowen/typeList",
            //        type: "GET",
            //        data: {
            //            key: "7cefbde638a3cf245fa7d5691b313551",
            //            id: 2
            //        },
            //        dataType: "JSONP",
            //        success: function (res) {
            //            console.log(res);
            //        },
            //        error: function (res) {
            //            console.log(res);
            //            console.log("error");
            //        }
            //    })
            //};
    
    
    展开全文
  • js调用API实时汇率计算器代码,美元欧元人民币等货币汇率计算代码。注:外部API接口,有点慢。
  • js调用API学习

    千次阅读 2017-05-06 10:48:11
    这周好多课,好多课程设计,等这几周度过了就可安心学习web了,这周就是看了一下js调用百度API地图控件的问题,查找了一些资料学习。 [html] view plain copy  print? script type="text...

    这周好多课,好多课程设计,等这几周度过了就可安心学习web了,这周就是看了一下js调用百度API地图控件的问题,查找了一些资料学习。

    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XXXXXXXXXXXXX"></script>`<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=XXXXXXXXXXXXX"></script>`  

    上面这段代码执行完后百度会返回一段代码并插入到你的DOM中执行
    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. <script>  
    2.         (function() {  
    3.                 window.BMap_loadScriptTime = (new Date).getTime();  
    4.                 document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=XXXXXXXXXXX&services=&t=20160513110936"></script>');})();  
    5.     </script>  

    image
    首先记得引入百度api请求脚本,ak要换上自己的
    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. var setCookie = function(name, value) {  
    2.             var Days = 30;  
    3.             var exp = new Date();  
    4.             exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);  
    5.             document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();  
    6.         };  
    7.         var geolocation = new BMap.Geolocation();  
    8.         //弹出地理授权  
    9.         geolocation.getCurrentPosition(function(r) {  
    10.                 if (this.getStatus() == BMAP_STATUS_SUCCESS) {  
    11.                     alert('定位成功');  
    12.                     console.log(r.point);  
    13.                 } else {  
    14.                     alert("baidu return failed");  
    15.                 }  
    16.             },  
    17.             //获取失败时候的回调  
    18.             function(r) {  
    19.                 console.log(r);  
    20.                 alert('定位失败');  
    21.                 return {  
    22.                     //设置高精度  
    23.                     enableHighAccuracy: true  
    24.                 };  
    25.             }  
    26.         );  

    在这个函数执行的时候,经过测试其实不管你是否允许地理位置的授权,都能获取到你的定位位置,只不过不授权时候获取的应该是IP地址的定位,授权是精确的GPS定位而已

    所以这里的问题在于如果是这样的话,那在任何一段Javascript脚本中执行上述代码,用户在知道弹出询问是否允许获取地理位置授权这个提示之后,不管是否允许都能获取到使用者的定位的

    这里还要注意几个地方就是geolocation是HTML5的东西,一般移动端支持都比较好的,用到的时候最好判断一下浏览器是否支持
    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. if ("geolocation" in navigator) {  
    2.                             alert("支持geolocation");  
    3.                         } else {  
    4.                             alert("不支持geolocation");  
    5.                         }  

    还有百度geolocation.getCurrentPosition()这个函数里面的第一个参数是回调成功后执行的,第二个参数是回调后失败执行的,我看官网的地址貌似没有写明白第二个参数是可以传一个对象或者匿名函数进去,所以导致很多人不知道getCurrentPosition失效的时候怎么捕捉到这个失败的回调,我上面的例子就是传入一个失败时候要执行回调函数,让后面代码能顺利执行下去


    如果确实因为各种原因而获取不到回调,建议这里加个定时器比较保险,免得program在这里白白被卡死
    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. setTimeout(function() {  
    2.             alert("获取超时");  
    3.             setCookie("longitude", '113.333333');  
    4.             setCookie("latitude", '23.333333');  
    5.             setCookie("city", 'autumnswind');  
    6.             setCookie("cityCode", '543210');  
    7.             load();  
    8.         }, 4000)  

    其实百度的Geolocation跟HTML5 Geolocation(地理定位)也是非常相似的,看下面的例子
    [html] view plain copy
     print?在CODE上查看代码片派生到我的代码片
    1. <!DOCTYPE html>  
    2. <html>  
    3. <meta charset="UTF-8">  
    4. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">  
    5. <body>  
    6.         <p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p>  
    7.         <button onclick="getLocation()">点我</button>  
    8.         <div id="mapholder"></div>  
    9.         <script>var x = document.getElementById("demo");  
    10.   
    11.   
    12. function getLocation() {  
    13.     if (navigator.geolocation) {  
    14.         navigator.geolocation.getCurrentPosition(showPosition, showError);  
    15.     } else {  
    16.         x.innerHTML = "该浏览器不支持获取地理位置。";  
    17.     }  
    18. }  
    19.   
    20.   
    21. function showPosition(position) {  
    22.     var latlon = position.coords.latitude + "," + position.coords.longitude;  
    23.     var img_url = "http://maps.googleapis.com/maps/api/staticmap?center=" + latlon + "&zoom=14&size=400x300&sensor=false";  
    24.     document.getElementById("mapholder").innerHTML = "<img src='" + img_url + "'>";  
    25. }  
    26.   
    27.   
    28. function showError(error) {  
    29.     console.log(error);  
    30.     switch (error.code) {  
    31.         case error.PERMISSION_DENIED:  
    32.             x.innerHTML = "用户拒绝对获取地理位置的请求。"  
    33.             break;  
    34.         case error.POSITION_UNAVAILABLE:  
    35.             x.innerHTML = "位置信息是不可用的。"  
    36.             break;  
    37.         case error.TIMEOUT:  
    38.             x.innerHTML = "请求用户地理位置超时。"  
    39.             break;  
    40.         case error.UNKNOWN_ERROR:  
    41.             x.innerHTML = "未知错误。"  
    42.             break;  
    43.     }  
    44. }</script>  
    45. </body>  
    46. </html>  
    image

    这里的navigator.geolocation.getCurrentPosition()也是传入两个函数,一个关于回调成功,一个关于回调失败的,测试的过程中发现一直返回给我
    **位置信息是不可用的。**
    上网查了原因,应该是:鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。还有可能是因为某些浏览器调用了谷歌的服务,所以这里会被卡了

    展开全文
  • Access to XMLHttpRequest at 'http://localhost:8081/api/v3.0/ci/history?user=jwensh' from origin '...
  • //创建新PageState function getNewPageState(buyerNick) { var location = getLocation(buyerNick); var lastServiceTime = getLastServiceTime(buyerNick); var buyerInfo = new BuyerInfo(buyerNick, ...
  • js调用百度api实现翻译代码是一款简单的调用百度api实现的翻译工具代码。 js调用百度api实现翻译代码截图
  • js调用百度api实现翻译代码是一款简单的调用百度api实现的翻译工具代码。 js调用百度api实现翻译代码截图
  • 微信js文件,h5页面调用微信apijs文件,方便进行微信内的功能开发
  • JS调用Android Native API

    2015-08-05 12:40:17
    JS调用Android Native API,在webview中通过js代码调用本地的java代码,比如:可以通过网页中的js代码调用android的音频服务播放音乐等等
  • js调用百度翻译api实例代码
  • 第一次调用api,耗费了整个下午的时间,谨以这篇文章记录感想和教训。 效果图: 效果说明:点击按钮“新游记”,body、button 的背景颜色、字体颜色,都会改变。 html部分 1 <div class="container"&...

    第一次调用api,耗费了整个下午的时间,谨以这篇文章记录感想和教训。

     

    效果图:

      

    效果说明:点击按钮“新游记”,body、button 的背景颜色、字体颜色,都会改变。

     

    html部分

    1 <div class="container">
    2 <div id="content">
    3 <p id="infoTime"></p> <!--游记发表时间-->
    4 <h1><a href='' id="showInfo"></a></h1><!--游记标题,及原文链接-->
    5 <em id="infoSource"></em> <!--作者-->
    6 </div>
    7 <button id="getInfo">新游记</button>
    8 </div>

     

    JS部分

    一. 创建XMLHttpRequest对象

    首先创建了一个XMLHttpRequest对象。采用了try..catch语句,来兼容各浏览器。

    var request=false;
    try {
    request=new XMLHttpRequest();
    }catch(e1){
    try {
    request=new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e2){
    try{
    request=new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e3){
    alert("自由发挥");
    }
    }
    }

     

    二. 建立url并发送请求

    var url="api接口地址?参数1&参数2";
    request.open("GET",url,true);
    request.setRequestHeader("apikey","your key");
    request.onreadystatechange()=function() {
    if (request.readyState==4){
    if (request.status==200){
    var response=request.responseText;
    var responseJson=JSON.parse(response);
    //后续代码见下一部分
    }
    }
    };
    request.send(null);

    需要注意的几点:

    1. url的参数,以 "?" 开头,"&" 连接。如果参数值是除数字以外的字符,那么需要编码。编码函数有3种,在这里我用的是 encodeURIComponent(string)。举个例子:url="api 接口地址 ?num=1&page=1&word="+ encodeURIComponent('人民日报');
    2. 接收的数据是 JSON 格式,所以要用 JSON.parse 来将 JSON 字符串,转换为 JS 对象;
    3. 请在 request.send() 方法之前,将 setRequestHeader, onreadystatechange 回调函数,都设置好。如果是 POST 请求,request.send() 方法的参数就不再是 null 了。

     

    三. DOM 获取 responseJson

    可以看到前面我已经得到了 JS 对象 responseJson。

    该 api 每次返回10条游记,但是我想只显示一条,点击“新游记”按钮,再显示下一条。

    对象是这样一个格式:{ ...多个名/值对, "data": { "books": [{ "bookUrl": "url", "title": "游记标题","userName": "作者名", "startTime": "7445-05-24"},{ "bookUrl": "url", "title": "游记标题","userName": "作者名", "startTime": "7445-05-24"}], "count": 1000 } }

    于是创建了两个变量 i 和 j。i 应用于获取 responseJson 对象数组中的数据,j 用于 url 参数值。

    以下代码,向 <h1>的<a>标签传入游记标题。

    var showInfo=document.getElementById("showInfo");
    showInfo.innerHTML=responseJson.data.books[i].title;
    i+=1;

    当 i>9 时,j 会加1,然后作为 url 的参数,随 http 请求发送,获取新的10条游记。

     

    四. 随机改变背景颜色和字体颜色

    原理很简单,创建一个内容为十六进制颜色值得数组,随机取得数组值,在 JS 代码中,以 element.style.color=.. / element.style.backgroundColor=.. 的方式,改变窗口、按钮的背景颜色、字体颜色。在这里用到的是 Math.floor 和 Math.random 两个静态方法,前者对浮点数向下取整,而通过后者,能随机获得0~1之间的数据。

     

    五. 调用 JS 代码

    window.οnlοad=函数名; // 千万不要在函数名后加 ()
    getInfo.οnclick=函数名; // getInfo 表示 button 元素 

    如果打开页面就加载的函数就一个,button 需要绑定的函数也就一个,上述代码是没问题的。如果要为事件绑定多个函数,那么代码就复杂了,具体内容之后再写吧。

     

    结语

    假如在发送 HTTP 请求时,都采用 GET 方式,那么整个调用过程会非常简单。当然,这只是在使用百度 apistore 提供的 api 时的情况。

    转载于:https://www.cnblogs.com/rui-kk/p/5750810.html

    展开全文
  • 调用API实时汇率计算器代码是一款基于js调用API制作的实时欧元人民币汇率计算代码。
  • node.js axios 调用api

    2020-09-18 17:16:29
    axios 读取 api let params2= { Mark: "UsertBll.Login", Content: { name: "admin", password: "123456" } }; this.$axios.post('http://1.1.1.1:11/api/Home'

    axios 读取 api
    文档地址:http://www.axios-js.com/

        let params2= {
                 Mark: "UsertBll.Login",
                 Content:  {
                  name: "admin",
                  password: "123456"
                }
                }; 
              this.$axios.post('http://1.1.1.1:11/api/Home' 
                  ,'{Mark: "UserBll.Login",Content: {name: "admin",password: "123456"}}'
                ,{headers: {'Content-Type': 'application/json'}}
                ).then(function (response) {
                  console.log(response.data);
                }).catch(function (error) {
                  console.log(error);
                }); 
    
    展开全文
  • 调用API实时汇率计算器代码是一款基于js调用API制作的实时欧元人民币汇率计算代码。
  • fetchapi.js 调用接口传递参数
  • 可以在js代码中直接调用API接口,获取所处当前城市信息,代码如下: <script type="text/javascript"> function getCurrentCity(){ $.ajax({ type: "get", url: ...
  • 利用百度API(js),怎样通过地址获取经纬度?JavaScript里面的api是什么意思??API(Application Programming Interface,应用程序...用户的每个动作都会引发一个或几个函数的运行以告诉Windows发生了什谁能写个js调用...
  • 百度地图API JS调用实例

    千次阅读 2017-12-26 11:01:46
    百度地图API JS 百度地图JS调用实例
  • 通过js调用webapi接口

    千次阅读 2019-03-25 15:34:38
    $(document).ready(function () { ... $.get("/api/menu/5",function (data) { alert(data); //zTreeObj = $.fn.zTree.init($("#menuTree"), setting, data); }) //zTreeObj = $.fn.zTree....
  • 应用是您调用API服务的基本操作单元,您可以基于应用创建成功后获取的API Key及Secret Key,进行接口调用操作,及相关配置。 具体步骤请参考:https://blog.csdn.net/weixin_44694178/article/details/97404694 $....
  • 最近需要调用阿里云视频点播相关接口,在网上没找到js的实现,自己写的,在js中实现了阿里云的公共参数签名算法。用到了第三方的CryptoJS做HmacSHA1加密,下载后,需要把你的阿里云key和密钥填进去
  • js免费调用天气API

    2020-07-01 16:19:52
    js调用天气API 文档参考链接: 天气API文档 1、首先登陆 天气API进行用户注册 点击右上角进行注册、登录 2、打开API文档如下图 其中appid和appsecret则在天气API控制器中查看 其中appid和version和appsecret3者为...
  • js调用百度地图API

    千次阅读 2016-12-25 16:26:16
    首先需要引用百度地图的API... 此处的v=1.3是指API的版本,目前百度地图API最高是2.0,而且自1.5版本以后的API调用时需要到 官方申请 一个开发者的密钥,即为 <script type="text/javascr

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,785
精华内容 3,114
关键字:

js调用api