js 调用接口并传参

您所在的位置:网站首页 js调用api接口数据 js 调用接口并传参

js 调用接口并传参

2023-08-15 03:44| 来源: 网络整理| 查看: 265

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

 

1. 参数跟在url后面

var name = '王一'; var age = 18; $.ajax({ type : 'get', url : "xxxxxx?name="+name+"&age="+age, async : false,//同步/异步 contentType : "application/x-www-form-urlencoded; ", 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. 参数在data内

$.ajax({ type : 'get', url : 'xxxxx', async : false, contentType : "application/x-www-form-urlencoded; charset=gbk", data : { 'name': '王一', //json格式 'age': '18' }, 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('接口调用错误!'); } });

 

 

3. param传参

var obj = new Object(); obj.name = '王一'; obj.age = 18; $.ajax({ type : 'post',//也可为get url : 'xxxxx', async : false, contentType : "application/x-www-form-urlencoded; charset=gbk", data : { param : $.toJSON(obj) //转换为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('接口调用错误!'); } });


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3