精华内容
下载资源
问答
  • 2018-08-06 22:47:00

    例如一个接口的返回值如下:
    var returnCitySN = {"cip": "221.192.178.158", "cid": "130100", "cname": "河北省石家庄市"};
    我们的js可以这么写
    document.write('IP地址:' + returnCitySN["cip"] + ', 城市编码:' + returnCitySN["cid"] + ', 地区:' + returnCitySN["cname"]);
    调用接口
    <script src="网络地址"></script>

    转载于:https://www.cnblogs.com/ZaraNet/p/9434039.html

    更多相关内容
  • android 开发中JS可以调用webview控件接口拍照,h5中很实用
  • js调用HTTP接口

    千次阅读 2021-01-13 16:42:38
    前面已经开发好了后端服务,用golang写两个接口,一个post接收传上来的数据,get获取数据,今天尝试用js调用接口,将数据显示在web上 <!DOCTYPE html> <title>GET</title> <body> <...

    前面已经开发好了web服务,用golang写了两个接口,一个post接收传上来的数据,get获取数据,今天尝试用js调用接口,将获取到的数据显示在web上

    <!DOCTYPE html>
    <title>GET</title>
    <body>
    <script type="text/javascript">
    function Get(){
        var xmlhttp;
        var Mac,Sn,DeviceId 
        if (window.XMLHttpRequest)
        {
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("demo").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","http://api.puppysmart.com/aiot/v1/device?mac=001A1353C69D",true);
        xmlhttp.send();
    
    }
    </script>
    
    <script>
        function myFunction(){
            document.getElementById("demo").innerHTML=Get();
        }
    </script>
    
    <button type="button" onclick="myFunction()">点击这里查询设备信息</button>
    <p id="demo"></p>
    
    </body>
    </html>
    

    总结:

    var xhr = new XMLHttpRequest (); new一个http链接

    xhr.open(method, url, async, username, password);新建请求

    其中 xhr 表示 XMLHttpRequest 对象,open() 方法包含 5 个参数,说明如下:

    • method:HTTP 请求方法,必须参数,值包括 POST、GET 和 HEAD,大小写不敏感。
    • url:请求的 URL 字符串,必须参数,大部分浏览器仅支持同源请求。
    • async:指定请求是否为异步方式,默认为 true。如果为 false,当状态改变时会立即调用 onreadystatechange 属性指定的回调函数。
    • username:可选参数,如果服务器需要验证,该参数指定用户名,如果未指定,当服务器需要验证时,会弹出验证窗口。
    • password:可选参数,验证信息中的密码部分,如果用户名为空,则该值将被忽略。

    xhr.send(body);传参并发送请求

    xhr.setResponseHeader(“Header-name”, “value”);发送header参数

    发送请求后,可以使用 XMLHttpRequest 对象的 responseBody、responseStream、responseText 或 responseXML 属等待接收响应数据。

    web数据
    在这里插入图片描述
    数据总算出来了,接下来研究参数化输入及各种控件,美化输出,有问题欢迎指正
    本文参考:
    http://c.biancheng.net/view/5995.html

    改良下代码:

    <!DOCTYPE html>
    <title>GET</title>
    <body>
    <script type="text/javascript">
    function Get(){
        var xmlhttp;
        var Mac,Sn,DeviceId,Model
        if (window.XMLHttpRequest)
        {
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                var info = xmlhttp.responseText;
                // var o = eval("(" + info + ")" + "()");  //用eval()把字符串转换为脚本
                temp =JSON.parse(info);
                console.log(temp); 
                console.log(typeof temp);
                console.log(temp.data.Mac); 
                console.log(temp.data.Sn); 
                console.log(temp.data.Model); 
                console.log(temp.data.Device_id); 
                Mac=temp.data.Mac
                Sn=temp.data.Sn
                Model=temp.data.Model
                DeviceId=temp.data.Device_id
                document.getElementById("mac").innerHTML="Mac:"+Mac;
                document.getElementById("sn").innerHTML="Sn:"+Sn;
                document.getElementById("model").innerHTML="Model:"+Model;
                document.getElementById("devid").innerHTML="DeviceId:"+DeviceId;
    
    
            }
        }
        xmlhttp.open("GET","http://localhost:8080/aiot/v1/device?mac=001A1353C69D",true);
        xmlhttp.send();
    
    }
    </script>
    
    <!-- <script>
        function myFunction(){
            document.getElementById("demo").innerHTML=Get();
        }
    </script> -->
    
    <button type="button" onclick="Get()">点击这里查询设备信息</button>
    <p id="mac"></p>
    <p id="sn"></p>
    <p id="model"></p>
    <p id="devid"></p>
    
    
    </body>
    </html>
    

    调试了下http返回的responseText,console看到的是string,但是我用jsonparse居然marshal成了json,这样就可以输出属性了

    在这里插入图片描述

    还想把数据放到表格,加油

    展开全文
  • 一、下载phprpc文件并安装: 下载地址:https://github.com/old-blueday/phprpc 二、服务端... 三、客户端(前端)代码 //必须加载phprpc的/compressed/phprpc_client.js文件 <script type="text/javascript" src="../...

    一、下载phprpc文件并安装:

    下载地址:https://github.com/old-blueday/phprpc

    二、服务端(后台)代码

    test.php文件代码

    require_once("phprpc_server.php");
    class test{
    	public function test($data){
    	        return "hello word + "$data;
    	}
    	public function test1($id,$title){
    	        return $id."+".$title;
    	}
    }
    $server = new PHPRPC_Server();
    $server->add('test','test1');//add('方法','类名')
    $server->start();
    

    三、客户端(前端)代码

    
    //必须加载phprpc的/compressed/phprpc_client.js文件
    <script type="text/javascript" src="../phprpc_3.0.1_php/js/compressed/phprpc_client.js"></script>
    
    <div>
    	<button class="SeniorCollect" onclick="phprpc();">test</button>
    	<button class="SeniorCollect" onclick="phprpc2();">test1</button>
    </div>
    
    <script type="text/javascript">
    	//开启phprpc调用服务,第一个参数为服务端文件路径,后面两个为方法函数名,可以为一个或多个
    	var rpc = new PHPRPC_Client('../api/hxz/test.php', ['test','test1']);
    	//接口返回数据处理函数,result为返回数据
    	function showResult(result) {
    		console.log(result);
    	}
    	var data1 = 299;
    	var data2 = new Array();
    	data2['id']=1;
    	data2['title']="test";
    	//多个参数传值例子
    	function phprpc() {
    		rpc.test(data1, showResult);
    	}
    	//多个参数传值例子
    	function phprpc2() {
    		rpc.test1(data2['id'],data2['title'],showResult);
    	}
    </script>
    
    展开全文
  • 为了在 JavaScript 中访问原生类型或者引用 Java 类型,可以调用 Java.type() 函数,该函数根据传入的完整类名返回对应对象的类型。下面代码显示如何获取不同的对象类型: var ArrayList = Java.type("java.util....
  • js 调用接口并传参

    千次阅读 2019-09-22 16:02:36
    注:需先引入 jquery.json-xx.min.js 1. query传参 var name = '王一'; var age = 18; $.ajax({ type : 'get', url : "xxxxxx?name="+name+"&age="+age, async : false,//同步/异步 contentTyp...

    注:需先引入 jquery.json-xx.min.js

    1. query传参

    var name = '王一';
    var age = 18;
    $.ajax({
        type : 'get',
        url : "xxxxxx?name="+name+"&age="+age,
        async : false,//同步/异步
        contentType : "application/x-www-form-urlencoded; charset=gbk",
        dataType : 'json', //返回 JSON 数据
            beforeSend : function() { //调用前触发,如加载效果等
            show('.load'); 
        },
        success : function(data, status) {
            var rstate = data.result;
            if (rstate == "0") {
                alert('接口调用成功!');
            } else {
                alert('接口调用失败!');
            }
        },
            complete : function() { //调用后触发(不管成功或失败)
                hide('.load);
        },
        error : function(data, status, e) {
            alert('接口调用错误!');
        }
    });

    2.param传参(传json数据)

    var param = new Object();
    param.name = '王一';
    param.age = 18;
    $.ajax({
        type : 'post',//也可为get
        url : 'xxxxx',
        async : false,
        contentType : "application/x-www-form-urlencoded; charset=gbk",
        data : {
            "param" : $.toJSON(param) //转换为json格式
        },
        dataType : 'json',
            beforeSend : function() { 
            show('.load'); 
        },
        success : function(data, status) {
            var rstate = data.result;
            if (rstate == "0") {
                if (rstate == "0") {
                alert('接口调用成功!');
            } else {
                alert('接口调用失败!');
            }
        },
            complete : function() { 
                hide('.load);
        },
        error : function(data, status, e) {
            alert('接口调用错误!');
        }
    });

     

    转载于:https://www.cnblogs.com/linjiangxian/p/11465911.html

    展开全文
  • JavaScript中的接口调用

    千次阅读 2020-03-08 16:16:21
    1. 前后端交互模式 传统形式的URL: schema://host:port/path?query#fragment RESTFUL地址形式:URL定位资源,... ...异步调用 ...多次异步调用效果? 多次嵌套 Promise是一个对象,获取异步操作的消息 好处:api...
  • 调用http接口的例子

    2018-12-05 20:13:23
    没有用JQ,也有不同的方法,比如用字串函数(或辅以正则表达式)去提取信息,或者EVAL成JSON对象,或者引入专门的JSON解析JS脚本。 根据你自己的情况,判断一下想采取哪种方式,然后把问题细化成关键点再搜索一下...
  • fetchapi.js 调用接口传递参数
  • 现在要在stroyline中的触发器里执行一段JS代码,这个执行的代码需要调用一段URL,并返回一个参数值“CA”
  • js调用后端接口

    千次阅读 2021-11-25 20:40:34
    接口的基本使用欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右...
  • 原生js调用接口数据和JQuery中Ajax的调用接口 原生js: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js调接口</title> </head> <body&...
  • 主要介绍了VS2008中使用JavaScript调用WebServices,需要的朋友可以参考下
  • js循环调用接口

    2021-12-30 12:59:48
    ​ longPolling: function() { var _this = this; var obj = { passport: _this.params.passport, }; if(!_this.params.messagelock){ Pub.post('/a...
  • 最近需要调用阿里云视频点播相关接口,在网上没找到js的实现,自己写的,在js中实现了阿里云的公共参数签名算法。用到了第三方的CryptoJS做HmacSHA1加密,下载后,需要把你的阿里云key和密钥填进去
  • JS实现快递鸟接口调用,完成100多家主流快递轨迹单号查询,不需要后端语言开发,DEMO实现了Md5加密,URL编码,数据签名
  • 今天小编就为大家分享一篇使用Vue实现调用接口加载页面初始数据,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • js调用webservice接口

    2022-03-22 16:44:07
    fetch("http://www.0755tt.com/services/ResultService?wsdl", { "headers": { ...q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9", "accept-language": "en,...
  • 笑话#box{width: 100%;display: flex;justify-content: space-between;}#box>div{width: 30%;height: 600px;overflow: auto;border: 1px solid;border-radius: 10px;display: flex;flex-direction: column;...
  • 主要给大家介绍了关于在vue.js中引入vuex储存接口数据及调用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
  • 本文实例讲述了JS简单获取客户端IP地址的方法。分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>使用搜狐接口获取客户端IP地址</...
  • js 调用java webservice接口

    热门讨论 2014-03-21 17:21:02
    js调用webservice接口,并打印返回信息
  • 主要介绍了JS调用页面表格导出excel的具体实现,需要的朋友可以参考下
  • html小Demo: js调用java后端提供的接口

    千次阅读 2020-08-16 23:21:39
    文章目录html小Demo: js调用java后端提供的接口html常用的一些标签(初级版)以及对html的一些理解的笔记head常用标签body常用标签JavaScriptJava springboot...描述:springboot提供接口,ajax调用调用接口,html显示
  • 背景:使用微信小程序调用https接口,md5加密当前时间戳,然后再md5(时间戳的md5+约定好的key)生成token,来实现简单校验。服务端接口,判断时间戳是否在有效时间内,然后生成token对比传过来的token。 微信小程序...
  • 项目返回值用json格式,还给链接,再有的是用户名还有密码,如何调用数据?

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 366,191
精华内容 146,476
关键字:

js调用接口

友情链接: perManger.rar