今天就跟大家聊聊有關使用ajax怎么實現微信網頁授權登錄，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

成都創新互聯公司專注于達茂旗企業網站建設,響應式網站,成都做商城網站。達茂旗網站建設公司,為達茂旗等地區提供建站服務。全流程定制開發，專業設計，全程項目跟蹤，成都創新互聯公司專業和態度為您提供的服務

功能實現

引導用戶喚起微信授權確認頁面

這里需要我們做兩件事，第一去配置jsapi域名，第二配置微信網頁授權的回調域名

構建微信授權的url "https://open.weixin.qq.com/connect/oauth3/authorize?appid=" + appId + "&redirect_uri=" + location.href.split('#')[0] + "&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect我們從連接中看到有兩個變量，appId,以及 redirect_uri。appId 不用多說，就是咱們將要授權的微信公眾號的appId,另一方個回調URL，其實就是我們當前頁面的URL。

1. 用戶微信登錄授權以后回調過來的URL 會攜帶兩個參數 ，第一個是code,另一個就是 state。才是我們需要做的一件事兒就是將code獲取到然后傳給后端，染后端通過code 獲取用戶基本信息。

2. 后端得到code 以后，獲取用戶基本信息，并返回相關其他信息給前端，前端獲取到然后做本地存儲或者其他。

function getUrlParam(name) {

  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

function wxLogin(callback) {
  var appId = 'xxxxxxxxxxxxxxxxxxx';
  var oauth_url = 'xxxxxxxxxxxxxxxxxxx/oauth';
  var url = "https://open.weixin.qq.com/connect/oauth3/authorize?appid=" + appId + "&redirect_uri=" + location.href.split('#')[0] + "&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect"
  var code = getUrlParam("code");
  if (!code) {
    window.location = url;
  } else {
    $.ajax({
      type: 'GET',
      url: oauth_url,
      dataType: 'json',
      data: {
        code: code
      },
      success: function (data) {
        if (data.code === 200) {
          callback(data.data)
        }
      },
      error: function (error) {
        throw new Error(error)
      }
    })
  }

看完上述內容，你們對使用ajax怎么實現微信網頁授權登錄有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創新互聯行業資訊頻道，感謝大家的支持。

網頁名稱：使用ajax怎么實現微信網頁授權登錄-創新互聯
文章鏈接：http://vcdvsql.cn/article14/jicge.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、面包屑導航、網站策劃、品牌網站設計、微信公眾號、外貿網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯