在传统网页中,大家经常会使用jqueryajax功能提交数据。那么,在百度智能小程序里面,也是可以使用非常类似的传统ajax写法的。那么,在本文中,苏南大叔讲述的就是百度智能小程序的ajax功能,以及如何处理跨域的问题。

苏南大叔:百度智能小程序,如何利用ajax提交数据? - smartapp-ajax
百度智能小程序,如何利用ajax提交数据?(图1-1)

本文测试环境:mac/百度开发者工具@2.4.2。当然,在智能小程序之中,本文中讲述的技术手段,并不叫做ajax,而是叫做request

基本套路

这个request功能非常的简单,各种不同方法之间就一个method参数不一样,其他的代码基本一致。所以,大家就看下面一个套路代码即可。

swan.request({
    url: 'https://smartprogram.baidu.com/xxx', // 仅为示例,并非真实的接口地址
    method: 'GET',
    dataType: '<method>',
    data: {
        key: 'value'
    },
    header: {
        'content-type': 'application/json' // 默认值
    },
    success: function (res) {
        //console.log(res.data);
    },
    fail: function (err) {
        //console.log('错误码:' + err.errCode);
        //console.log('错误信息:' + err.errMsg);
    }
});

注意,基本套路就是把上述<method>进行替换,有效值有OPTIONS,GET, HEAD, POST, PUT, DELETE, TRACE/CONNECT。不过,本文中,苏南大叔就列举一下最常见的GETPOST即可。

智能小程序,request技术点的官方描述为:

总结

这个智能小程序的ajax,核心语句就是swan.request。对于传统网页人员来说,就是jqueryajax方法的一个变型。基本上套路都是一致的。更多智能小程序相关经验文章,请点击苏南大叔的博客文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   百度    smartapp

本站的忠实读者小伙伴,正在阅读下面这些文章: