小程序模板網(wǎng)

微信小程序的ajax數(shù)據(jù)請(qǐng)求wx.request

發(fā)布時(shí)間：2018-04-25 10:59 所屬欄目：小程序開發(fā)教程


微信小程序的ajax數(shù)據(jù)請(qǐng)求，很多同學(xué)找不到api在哪個(gè)位置，這里單獨(dú)把小程序的ajax請(qǐng)求給列出來(lái)，微信小程序的請(qǐng)求就是wx.request這個(gè)api，wx.request(一些對(duì)象參數(shù))，微信小程序不同于瀏覽器的ajax請(qǐng)求，可以直接跨域請(qǐng)求不用考慮跨域問(wèn)題。

使用小程序官方提供的數(shù)據(jù)請(qǐng)求api發(fā)起數(shù)據(jù)請(qǐng)求

wx.request(OBJECT)

wx.request發(fā)起的是https請(qǐng)求。一個(gè)微信小程序，同時(shí)只能有5個(gè)網(wǎng)絡(luò)請(qǐng)求連接。

示例代碼：

 

				
    
					
  1. 
						wx.request({
    2. 
					
  2. 
						url: 'test.php',
    3. 
					
  3. 
						data: {
    4. 
					
  4. 
						x: '' ,
    5. 
					
  5. 
						y: ''
    6. 
					
  6. 
						},
    7. 
					
  7. 
						header: {
    8. 
					
  8. 
						'Content-Type': 'application/json'
    9. 
					
  9. 
						},
    10. 
					
  10. 
						success: function(res) {
    11. 
					
  11. 
						console.log(res.data)
    12. 
					
  12. 
						}
    13. 
					
  13. 
						})
    14. 
				

				

					微信小程序中使用fetch做ajax請(qǐng)求

				

					fetch是一種新的ajax請(qǐng)求規(guī)范，經(jīng)懶人建站測(cè)試，fetch在小程序中也是支持的，測(cè)試ajax請(qǐng)求代碼如下：  then中帶代碼是測(cè)試，這里是節(jié)選了小部分代碼，實(shí)際使用需要自行修改。

				

					 

				

				
    
					
  1. 
						fetch('http://www.51xuediannao.com/json.php?typeid=34&page=1&pagesize=10')
    2. 
					
  2. 
						.then(function(response){
    3. 
					
  3. 
						if(response.status==200){
    4. 
					
  4. 
						that.data.page++;
    5. 
					
  5. 
						return response.json();
    6. 
					
  6. 
						}
    7. 
					
  7. 
						}).then(function(data){
    8. 
					
  8. 
						console.log(data);
    9. 
					
  9. 
						//更新數(shù)據(jù)
    10. 
					
  10. 
						that.setData({
    11. 
					
  11. 
						listArr:that.data.page==1 ? data : that.data.listArr.concat(data)
    12. 
					
  12. 
						})
    13. 
					
  13. 
						console.log(that.data.listArr);
    14. 
					
  14. 
						})
    15. 
				

					
		

	




            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉(cāng)庫(kù):starfork
                

                

                    本文地址：http://22321a.com/wxmini/doc/course/24060.html 復(fù)制鏈接 
                    如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢