집 > 기사 > 웹 프론트엔드 > apicloudAJAX 기반 요청 코드 수집(매우 상세함)

apicloudAJAX 기반 요청 코드 수집(매우 상세함)

亚连원래의: 2018-05-22 09:44:382006검색

이제 apicloudAJAX 기반 요청 코드 모음을 알려드리겠습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다.

요청 코드 받기:

api.ajax({
url:&#39;http://m.weather.com.cn/data/101010100.html&#39; //天气预报网站的WebService接口
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 양식 제출:

api.ajax({
url: &#39;http://www.xxx.com/path/form&#39;,
method: &#39;post&#39;,
dataType: &#39;text&#39;, //该参数若不传，则默认为json
data: {
values:{name: &#39;devlp&#39;, password: &#39;123456&#39;} //键值对
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 - 단일/다중 파일, 파일 그룹 업로드:

api.ajax({
url: &#39;http://www.xxx.com/path/upLoad&#39;,
method: &#39;post&#39;,
data: {
files:{myfile: &#39;filepath&#39;}
// filepath来自ios或者Android的文件系统中的任意文件。可设置多个文件，甚至是文件数组，如files:{myfile: &#39;filepath&#39;, myfile1: &#39;filepath1&#39;}或者files:{&#39;myfile[]&#39;: [&#39;filepath&#39;, &#39;filepath1&#39;]}等
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 - 바이너리 스트림 제출:

api.ajax({
url: &#39;http://www.xxx.com/path/body&#39;,
method: &#39;post&#39;,
data: {
body:&#39;textbits&#39;
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 - 파일 스트림 제출:

api.ajax({
url: &#39;http://www.xxx.com/path/body&#39;,
method: &#39;post&#39;,
data: {
stream:&#39;filepath&#39;
// filepath来自ios或者Android的文件系统中的任意文件
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 - 멀티파트 데이터, 파일 및 텍스트 필드가 함께 제출됨:

api.ajax({
url: &#39;http://www.xxx.com/path/multipart&#39;,
method: &#39;post&#39;,
data: {
values:{name: &#39;devlp&#39;, password: &#39;123456&#39;},
files:{file: &#39;fs://test.png&#39;}
}
},function(ret,err){
if (ret) {
api.alert({msg:JSON.stringify(ret)});
} else {
api.alert({msg:JSON.stringify(err)});
};
});

POST 요청 - 업로드 진행률 표시:

api.ajax({
url: &#39;http://www.xxx.com/path/multipart&#39;,
method: &#39;post&#39;,
report: true,
data: {
values:{name: &#39;devlp&#39;, password: &#39;123456&#39;},
files:{file: &#39;fs://test.png&#39;}
}
},function(ret,err){
if(ret){
if(0 == ret.status){
//loading(&#39;进度：&#39; + ret.progress);
}else{
api.alert({msg:&#39;上传成功：\n&#39; + JSON.stringify(ret)});
}
}else{
api.alert({msg:JSON.stringify(err)});
}
});

【End API는 pi를 사용합니다. ajax 읽기 인터페이스 데이터】

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>test</title>
</head>
<body>
<button onclick="showPersonInfo()">点我获取数据</button>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script>
function showPersonInfo(){
api.showProgress();//显示加载进度框
//使用api.ajax请求数据，具体使用方法和参数请看官方文档，这里使用get方法演示
api.ajax({
url:&#39;http://192.168.0.10/get.php&#39;,//如果地址访问不到会请求出错，请填写自己的接口地址
method:&#39;get&#39;,
cache:&#39;false&#39;,
timeout:30,
dataTpye:&#39;json&#39;,
},function(ret,err){
api.hideProgress();//隐藏加载进度框
if(ret){
for(var i=0;i<ret.length;i++){
var html=&#39;<br>&#39;+&#39;ID：&#39;+ret[i].id+&#39;<br>&#39;+&#39;姓名：&#39;+ret[i].name+&#39;<br>&#39;+&#39;性别:&#39;+ret[i].sex+&#39;<br>&#39;+&#39;年龄&#39;+ret[i].age; 
document.write(html);
}
}else{
api.alert({msg:(&#39;错误码：&#39;+err.code+&#39;；错误信息：&#39;+err.msg+&#39;网络状态码：&#39;+err.statusCode)});
}
});
}
</script>
</html>

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

apicloudAJAX 기반 요청 코드 수집(매우 상세함)

관련 기사