Maison > Article > Applet WeChat > Comment jouer avec la demande de données ajax de l'applet WeChat
De nombreux étudiants ne trouvent pas l'emplacement de la demande de données ajax de l'applet WeChat. Ici, nous répertorions séparément les requêtes ajax de l'applet. La requête de l'applet WeChat est l'API wx.request, wx.request (certaines). Paramètre d'objet), l'applet WeChat est différente de la requête ajax du navigateur et peut directement effectuer des requêtes inter-domaines sans tenir compte des problèmes inter-domaines.
Utilisez l'API de demande de données officiellement fournie par le mini programme pour lancer une demande de données
wx.request(OBJECT)
wx.request lance une requête https. Une applet WeChat ne peut avoir que 5 connexions de requête réseau en même temps.
Description du paramètre OBJECT :
参数名 | 类型 | 必填 | 说明 |
---|---|---|---|
url | String | 是 | 开发者服务器接口地址 |
data | Object、String | 否 | 请求的参数 |
header | Object | 否 | 设置请求的 header , header 中不能设置 Referer |
method | String | 否 | 默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT |
success | Function | 否 | 收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'} |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
Exemple de code :
wx.request({ url: 'test.php', data: { x: '' , y: '' }, header: { 'Content-Type': 'application/json' }, success: function(res) { console.log(res.data) } })
Utiliser fetch pour effectuer des requêtes ajax dans l'applet WeChat
fetch est un La nouvelle spécification de requête ajax, fetch est également prise en charge dans les mini-programmes. Le code de requête ajax de test est le suivant :
Le code qu'il contient est un test Voici un extrait d'une petite partie du code. .
fetch('http://www.php.cn/json.php?typeid=34&page=1&pagesize=10') .then(function(response){ if(response.status==200){ that.data.page++; return response.json(); } }).then(function(data){ console.log(data); //更新数据 that.setData({ listArr:that.data.page==1 ? data : that.data.listArr.concat(data) }) console.log(that.data.listArr); })
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!