网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序學習點滴《五》：網絡請求(POST請求)填坑指南

發布時間：2018-03-21 15:11 所屬欄目：小程序開發教程
微信小程序開發中網絡請求必不可少.GET.POST請求是最常用的.GET請求
POST請求的時候有好幾個坑.我已經為大家填好了.
按照文檔,肯定是這么寫.那就入坑了.
1. 'Content-Type': 'application/json'用在get請求中沒問題.
POST請求就不好使了.需要改成: "Content-Type": "application/x-www-form-urlencoded"
 
2. 加上method: "POST"
3.data: { cityname: "上海", key: "1430ec127e097e1113259c5e1be1ba70" }寫成json格式這樣也是請求不到數據的.需要轉格式.
下面直接貼代碼:
 3.1

	
    
		
  1. 
			<span style="font-size:24px;">//index.js
    2. 
		
  2. 
			//獲取應用實例
    3. 
		
  3. 
			var app = getApp()
    4. 
		
  4. 
			Page( {
    5. 
		
  5. 
			data: {
    6. 
		
  6. 
			toastHidden: true,
    7. 
		
  7. 
			city_name: '',
    8. 
		
  8. 
			},
    9. 
		
  9. 
			onLoad: function() {
    10. 
		
  10. 
			that = this;
    11. 
		
  11. 
			wx.request( {
    12. 
		
  12. 
			url: "http://op.juhe.cn/onebox/weather/query",
    13. 
		
  13. 
			header: {
    14. 
		
  14. 
			"Content-Type": "application/x-www-form-urlencoded"
    15. 
		
  15. 
			},
    16. 
		
  16. 
			method: "POST",
    17. 
		
  17. 
			//data: { cityname: "上海", key: "1430ec127e097e1113259c5e1be1ba70" },
    18. 
		
  18. 
			data: Util.json2Form( { cityname: "上海", key: "1430ec127e097e1113259c5e1be1ba70" }),
    19. 
		
  19. 
			complete: function( res ) {
    20. 
		
  20. 
			that.setData( {
    21. 
		
  21. 
			toastHidden: false,
    22. 
		
  22. 
			toastText: res.data.reason,
    23. 
		
  23. 
			city_name: res.data.result.data.realtime.city_name,
    24. 
		
  24. 
			date: res.data.result.data.realtime.date,
    25. 
		
  25. 
			info: res.data.result.data.realtime.weather.info,
    26. 
		
  26. 
			});
    27. 
		
  27. 
			if( res == null || res.data == null ) {
    28. 
		
  28. 
			console.error( '網絡請求失敗' );
    29. 
		
  29. 
			return;
    30. 
		
  30. 
			}
    31. 
		
  31. 
			}
    32. 
		
  32. 
			})
    33. 
		
  33. 
			},
    34. 
		
  34. 
			onToastChanged: function() {
    35. 
		
  35. 
			that.setData( { toastHidden: true });
    36. 
		
  36. 
			}
    37. 
		
  37. 
			})
    38. 
		
  38. 
			var that;
    39. 
		
  39. 
			var Util = require( '../../utils/util.js' );</span>
    40. 
		
  40. 
			 
    41. 
	





	3.2



	

		

			

			
    
				
  1. 
					<span style="font-size:24px;"><!--index.wxml-->
    2. 
				
  2. 
					<view class="container">
    3. 
				
  3. 
					<toast hidden="{{toastHidden}}" bindchange="onToastChanged">
    4. 
				
  4. 
					{{toastText}}
    5. 
				
  5. 
					</toast>
    6. 
				
  6. 
					<view>{{city_name}}</view>
    7. 
				
  7. 
					<view>{{date}}</view>
    8. 
				
  8. 
					<view>{{info}}</view>
    9. 
				
  9. 
					</view></span>
    10. 
				
  10. 
					 
    11. 
			

		

	

	

		

			 

	





	

		3.3





	

	
    
		
  1. 
			<span style="font-size:24px;">//util.js
    2. 
		
  2. 
			function json2Form(json) {
    3. 
		
  3. 
			var str = [];
    4. 
		
  4. 
			for(var p in json){
    5. 
		
  5. 
			str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
    6. 
		
  6. 
			}
    7. 
		
  7. 
			return str.join("&");
    8. 
		
  8. 
			}
    9. 
		
  9. 
			module.exports = {
    10. 
		
  10. 
			json2Form:json2Form,
    11. 
		
  11. 
			}</span>
    12. 
		
  12. 
			 
    13. 
	






            


            


            

            

                
                

                    本文地址：http://www.xiuhaier.com/wxmini/doc/course/22798.html 復制鏈接 
                    如需定制請聯系易優客服咨詢：800182392 點擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢 
    

      
    

    
  






 



    

        AI智能客服
        ×