• 本网豪情赞助商

  • login failed for display 0 ubuntuallowed_u
  • css设定文本超出一行或多行就隐藏并显示省略
  • css设定文本超出一行或多行就隐藏并显示省略
  • 微信小程序如何把接口调用成功的回调函数返回
  • CodeIgniter - 数据库的增删改查
  • php生成excel的三种方式
  • 小程序UI库推荐
  • 多个句子竖向排列
  • 美团,大众点评,58城市行政区域和商圈数据实
  • java.security.InvalidKeyException: Illega
  • h3>

    使用APICloud编写优雅的HTML5代码《二》:ajax、文件上传


    文章摘要: 1 、 GET 请求代码示例: api.ajax({url:http://m.weather.com.cn/data/101010100.html//天气预报网站的WebService接口},function(ret,err){if(ret){api.alert({msg:JSON.stringify(ret)});}else{api.alert({msg:JSON.stringify(err)});};}); 2 、 POST 请求


    文章TAG:

    1GET请求代码示例:

     

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

     

    2POST请求示例:

    POST请求-Form表单提交:

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

    POST请求-单个/多个文件,文件组上传:

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

    POST请求-提交二进制流:

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

    POST请求-提交文件流:

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

    POST请求-Multipart-Data,文件和文本字段一起提交:

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

    POST请求-显示上传进度:

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

     

    除此以外,putdeletehead等方式请求使用方式大同小异,在此不做详细叙述。