1 第一步要注意接口的鏈接是否正確 可以使用postman進行測試一下。

2 查看相關文檔 看是否有參數需要必須寫上——以騰訊天氣為例：

3 上面圖里的參數為強制要求 其類型和說明也為大家準備了

4 下面開始書寫代碼

代碼一共分為兩部分：1 jsonp方式獲取數據 2 渲染頁面（我這里使用的是模板引擎）

4.1 先引入我的文件

我這里用的jq 因為方便

4.2 準備好相應的html骨架 我這里使用bootstrap的插件 大家可以自己書寫

注意：tbody里面的我是注釋沒有刪除 因為后面使用模板引擎會復制

4.3 開始書寫自己的js樣式 我這里是使用的外聯式?

注意：標準書寫是需要書寫入口函數

這里的請求方式我省略了 因為jsonp只能適用于get請求 不寫默認就是get

?4.4 開始使用模板引擎

4.4.1 這里是骨架的書寫 注意書寫格式 書寫完最好使用插件格式化一下

?這里為整個js過程 其中我們給時間設置了過濾器 因為這里時間為字符串?所以為了美觀和使用效果 我采用的是拼接字符串

?5 最后再對代碼進行修改和完善 是樣式格式更標準化?

改變：

1 data改變了 我們采用了鍵值對的方式追加再url后面這里有注意格式先？后面多個值采用&分隔

2 拼接改變了 我們采用了最新的模板字符串的方式 優化了性能

3 截取字母改變了 其目的也是為了提高運行速率

?感興趣的可以去查閱更多資料 謝謝大家

總結

以上是生活随笔為你收集整理的使用jsonp获取腾讯天气接口案例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。