検索
ホームページWeChat アプレットミニプログラム開発WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

はじめに

WeChat アプレットはどのように API を呼び出してデータ request-wx.request() を実装しますか? WeChat アプレットは存在しませんajaxajax,那么它是如何实现数据请求功能的呢?微在信中提供了API的调用wx.request(OBJECT),这个是很不错的。下面就讲一下如何请求数据,简单到不行。

wx.request

看文档时,提供了示例模板如下:

wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }})

如何调取数据这是个难题,但是要模拟调用是有可能的。因为有个网址:https://easy-mock.com/ ,提供了模拟数据的请求。那么我们先来模拟一下数据吧,到时,复制链接给模板中的网址即可。


如图登录官网,登录,接着点击箭头,进入下一页面。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

点击创建接口。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

更新数据,创建属于自己的数据即可。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

一可预览效果,链接复制到url、では、データリクエスト機能はどのように実装されているのでしょうか ? WeChat は

API を提供します

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例 call

wx.request(OBJECT)WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

、これはとても良いです。データをリクエストする方法について説明します。とても簡単です。

🎜wx.request🎜🎜🎜🎜🎜🎜ドキュメントを見ると、サンプルテンプレートは次のように提供されています: 🎜🎜🎜
 <button type=&#39;primary&#39; bindtap=&#39;send&#39;>请求数据</button>
🎜🎜🎜データの取得方法 これは難しい問題ですが、通話のシミュレーションが可能です。 URL: 🎜🎜🎜🎜https🎜🎜🎜🎜://easy-mock.com/ 🎜🎜 があるため、シミュレートされたデータのリクエストが提供されます。まずデータをシミュレートしてから、テンプレート内の URL へのリンクをコピーします。 🎜🎜🎜
🎜🎜🎜WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例のように公式サイトにログインし、ログイン後、矢印をクリックして次のページに入ります。 🎜🎜🎜🎜WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例🎜🎜🎜🎜 「インターフェースの作成」をクリックします。 🎜🎜🎜🎜WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例🎜🎜🎜🎜データを更新して独自のデータを作成するだけです。 🎜🎜🎜🎜WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例🎜🎜🎜🎜効果をプレビューできたら、🎜🎜url🎜🎜テンプレートへのリンクをコピーします。 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜次に、WeChat アプレット開発ツールを開き、インターフェイスにボタン リクエストを追加します。 🎜🎜🎜
 <button type=&#39;primary&#39; bindtap=&#39;send&#39;>请求数据</button>

在接着js文件中添加事件。

//send
  send: function(){
    wx.request({
      url: &#39;复制的链接&#39;, //仅为示例,并非真实的接口地址
      data: {
        x: &#39;&#39;,
        y: &#39;&#39;
      },
      header: {
        &#39;content-type&#39;: &#39;application/json&#39; // 默认值
      },
      success: function (res) {
        console.log(res.data)
      }
    })
  }

点击按钮如果出现下面的错误,那是因为要到详情按钮中,给个地方打个勾即可。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

找到下方打钩即可。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

点击按钮,即可查看,请求数据效果出现了。

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

结语

  • 你完成了吗?是不是,很容易呢?是不是很简单呢?

WeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例

相关推荐:

微信小程序的ajax数据请求wx.request的实例介绍

怎么玩转微信小程序的ajax数据请求

以上がWeChat アプレット API が wx.request を呼び出してデータ リクエストを実装する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。