3.8.1
This commit is contained in:
130
sdk/JS/demo.html
Normal file
130
sdk/JS/demo.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/html">
|
||||
<head lang="en">
|
||||
<meta charset="UTF-8">
|
||||
<title>PhalApi_Demo</title>
|
||||
<script src="js/SDK/jquery.min.js"></script>
|
||||
<script src="js/SDK/PhalApi.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</br></br>
|
||||
<table>
|
||||
<tr>
|
||||
<td> U R L:<input type="txt" id="url"/></td>
|
||||
<td> A P I:<input type="txt" id="api"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>参数名1:<input type="txt" id="param1"/></td>
|
||||
<td>参数值1:<input type="txt" id="value1"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>参数名2:<input type="txt" id="param2"/></td>
|
||||
<td>参数值2:<input type="txt" id="value2"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>参数名3:<input type="txt" id="param3"/></td>
|
||||
<td>参数值3:<input type="txt" id="value3"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>返回结果:<textarea rows="10" cols="30" id="rs_data"></textarea></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</br></br>
|
||||
<input onclick="post()" type="button" value="post请求" name="post"/>
|
||||
<input onclick="get()" type="button" value="get请求" name="get"/>
|
||||
<input onclick="jsonp()" type="button" value="jsonp请求" name="jsonp"/>
|
||||
</body>
|
||||
<script>
|
||||
|
||||
var url = $('#url').val('http://127.0.0.1/'); //请求地址
|
||||
var api = $('#api').val('Default.Index'); //请求接口
|
||||
|
||||
//使用普通的post请求
|
||||
function post(){
|
||||
var url = $('#url').val();
|
||||
var api = $('#api').val();
|
||||
var param1 = $('#param1').val();
|
||||
var param2 = $('#param2').val();
|
||||
var param3 = $('#param3').val();
|
||||
var value1 = $('#value1').val();
|
||||
var value2 = $('#value2').val();
|
||||
var value3 = $('#value3').val();
|
||||
var rs_data = $('#rs_data').val();
|
||||
|
||||
var data = {};
|
||||
data[param1] = value1;
|
||||
data[param2] = value2;
|
||||
data[param3] = value3;
|
||||
query_post(url, api, data, function(rs){
|
||||
//回调函数
|
||||
if(rs.ret == 200){
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果成功打印信息并且做出相应的处理
|
||||
alert(rs.ret);
|
||||
}else{
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果失败打印失败信息并且做出相应的处理
|
||||
alert(rs.msg);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
//使用普通的get请求
|
||||
function get(){
|
||||
var url = $('#url').val();
|
||||
var api = $('#api').val();
|
||||
var param1 = $('#param1').val();
|
||||
var param2 = $('#param2').val();
|
||||
var param3 = $('#param3').val();
|
||||
var value1 = $('#value1').val();
|
||||
var value2 = $('#value2').val();
|
||||
var value3 = $('#value3').val();
|
||||
//拼接GET参数
|
||||
var data = '&' + param1 + '=' + value1 + '&' + param2 + '=' + value2 + '&' + param3 + '=' + value3;
|
||||
|
||||
query_get(url, api, data, function(rs){
|
||||
//回调函数
|
||||
if(rs.ret == 200){
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果成功打印信息并且做出相应的处理
|
||||
alert(rs.ret);
|
||||
}else{
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果失败打印失败信息并且做出相应的处理
|
||||
alert(rs.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//使用jsonP get跨域访问
|
||||
function jsonp(){
|
||||
var url = $('#url').val();
|
||||
var api = $('#api').val();
|
||||
var param1 = $('#param1').val();
|
||||
var param2 = $('#param2').val();
|
||||
var param3 = $('#param3').val();
|
||||
var value1 = $('#value1').val();
|
||||
var value2 = $('#value2').val();
|
||||
var value3 = $('#value3').val();
|
||||
//拼接GET参数
|
||||
var data = '&' + param1 + '=' + value1 + '&' + param2 + '=' + value2 + '&' + param3 + '=' + value3;
|
||||
|
||||
query_jsonp(url, api, data, function(rs){
|
||||
//回调函数
|
||||
if(rs.ret == 200){
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果成功打印信息并且做出相应的处理
|
||||
alert(rs.ret);
|
||||
}else{
|
||||
$('#rs_data').val(JSON.stringify(rs));
|
||||
//如果失败打印失败信息并且做出相应的处理
|
||||
alert(rs.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</html>
|
||||
105
sdk/JS/js/SDK/PhalApi.js
Normal file
105
sdk/JS/js/SDK/PhalApi.js
Normal file
@@ -0,0 +1,105 @@
|
||||
/**
|
||||
* PhalApi框架 JS请求SDK
|
||||
*
|
||||
* "猫了_个咪"提供,博客地址w-blog.cn
|
||||
* 有好的意见或建议请联系我-><wenzhenxi@vip.qq.com> 2015-10-20
|
||||
*
|
||||
* 分为3种请求方式:get,post和get_jsonp
|
||||
*
|
||||
* 所有请求均统一传递4个参数值(请求地址,接口名称.请求参数GET传递拼接好的参数
|
||||
* Post传递数组key-value值,回调函数)
|
||||
*
|
||||
* 统一使用方式如下
|
||||
* var url = '';
|
||||
* var api = '';
|
||||
* var data = '';
|
||||
* query_get(url, api, data, function(rs){
|
||||
* //回调函数 rs为返回结果已经反json化
|
||||
* if(rs.ret == 200){
|
||||
* 成功处理
|
||||
* }else{
|
||||
* 失败处理
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
|
||||
//-------------------------------配置项------------------------------------
|
||||
var debug = true; //调试模式
|
||||
//-------------------------------配置项------------------------------------
|
||||
|
||||
/**
|
||||
* 普通的post请求方法
|
||||
**/
|
||||
function query_post(api_url, api_name, data, callback){
|
||||
//拼接请求的URL地址
|
||||
var fullapi = api_url + '?service=' + api_name;
|
||||
//执行请求
|
||||
$.ajax({
|
||||
url : fullapi, //请求地址
|
||||
method : 'POST', //请求方式
|
||||
crossDomain: true,
|
||||
data : data, //请求参数
|
||||
complete : function(rs){
|
||||
//反Json化
|
||||
rs = JSON.parse(rs.response || rs.responseText);
|
||||
//把返回结果返回到控制台(debug模式自动开启)
|
||||
if(debug == true){
|
||||
console.log(fullapi, 'back', rs);
|
||||
}
|
||||
//回调函数
|
||||
callback(rs);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 普通的get请求方法
|
||||
**/
|
||||
function query_get(api_url, api_name, data, callback){
|
||||
//拼接请求的URL地址
|
||||
var fullapi = api_url + '?service=' + api_name + data;
|
||||
//执行请求
|
||||
$.ajax({
|
||||
url : fullapi, //请求地址
|
||||
method : 'GET', //请求方式
|
||||
complete: function(rs){
|
||||
//反Json化
|
||||
rs = JSON.parse(rs.response || rs.responseText);
|
||||
//把返回结果返回到控制台(debug模式自动开启)
|
||||
if(debug == true){
|
||||
console.log(fullapi, 'back', rs);
|
||||
}
|
||||
//回调函数
|
||||
callback(rs);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* JsonP请求方法(用于跨域请求,只能进行get请求)
|
||||
**/
|
||||
function query_jsonp(api_url, api_name, data, callback){
|
||||
//拼接请求的URL地址(&callback=1是Phalapi默认使用JsonP格式)
|
||||
var fullapi = api_url + '?service=' + api_name + '&callback=1' + data;
|
||||
//执行请求
|
||||
$.ajax({
|
||||
type : "get",
|
||||
async : false,
|
||||
url : fullapi, //请求参数
|
||||
dataType: "jsonp",
|
||||
jsonp : "callback", //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
|
||||
success : function(rs){
|
||||
//把返回结果返回到控制台(debug模式自动开启)
|
||||
if(debug == true){
|
||||
console.log(fullapi, 'back', rs);
|
||||
}
|
||||
//回调函数
|
||||
callback(rs);
|
||||
},
|
||||
error : function(error){
|
||||
alert('fail');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
4
sdk/JS/js/SDK/jquery.min.js
vendored
Normal file
4
sdk/JS/js/SDK/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user