程序ajax请求公共组件app-jquery-http.js中url参数部分的项目应用

结合微信登录以及微信支付的案例：= =||| （案例比较奇葩复杂）

简述项目流程：

1.获取用于公众号支付的openid（公众平台）：在微信内置浏览器中打开网页链接，刚进入页面就通过微信公众平台获取该微信用户的code，拿到code传给后台，换取用户的openid。

2.微信登录（开放平台）：微信登录通过微信开放平台，由于第一步公众平台拿到的code会混淆开放平台的code，导致用户使用微信登录失败，就需要使用该插件将url参数重置。

3.微信支付（公众平台）：像后台传输步骤一获取的openid，以及其他参数，完成微信公众号支付。

代码如下：

1.获取用于公众号支付的openid：

 $(function() {  

     function isWeiXin() {                 //判断是否为微信环境
         var ua = window.navigator.userAgent.toLowerCase();
         if(ua.match(/MicroMessenger/i) == 'micromessenger') {
             return true;
         } else {
             return false;
         }
     }
     if(isWeiXin()) {    //只在微信环境中获取openid，普通的浏览器也获取不到啊！
         var openid = $.cookie("geekbar_weixinid");  // Jquery-cookie插件用于存储获取到的openid，一开始这里肯定是null。
         if(openid != null && openid != '') {
             return;
         }
         var code = $.HTTP.getUrlParam("code");    //获取当前页面链接中的参数code！一开始这里肯定是null。
         if(code == undefined || code == null) {
             var sendUrl = location.href;          //redirect_uri（授权后重定向的回调链接地址）：当前页面。
             sendUrl = $.HTTP.setUrlParam(sendUrl,"xz","public");  //给当前页面的url添加一个参数xz=public，提示是公众平台，避免与开放平台搞混淆。
                                                                     //拼接后的地址（例）：www.baidu.com?xz=public，对链接本身没有任何影响。
             sendUrl =encodeURIComponent(sendUrl);  //处理该地址为格式要求的样式，点击查看微信公众平台文档要求。

             //var sendUrl = encodeURIComponent(location.href);
             var requrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=' +
                 sendUrl + '&response_type=code&scope=snsapi_base&state=wx#wechat_redirect';

             location.href = requrl;  //刷新后页面链接后便拼接了公众平台获取的code，同时进入else
             return;

         } else {

             $.ajax({
                 url: '../common/user/wx/getopenid?code=' + code,  //将公众平台code传给后台，获取用于公众号支付的openid
                 success: function(data) {
                     $.cookie("geekbar_weixinopenid", data.data, {     //成功后将openid（代码中的data.data）存入缓存中去。使用jquery-cookie插件。
                         expires: 1
                     });
                 },
                 error: function(XMLHttpRequest, textStatus, errorThrown) {
                     var info = "XMLHttpRequest:" + JSON.stringify(XMLHttpRequest) +
                         " ;textStatus:" + textStatus + "; errorThrown:" +
                         JSON.stringify(errorThrown) + ";   【" + opt.url + "】";
                     alert(info);
                     if(opt.error != undefined)
                         opt.error(XMLHttpRequest, textStatus, errorThrown);
                     else {
                         console.error("请求错误", "系统发生请求错误，请联系管理员解决。");
                     }
                 }
             });

         }

     } else {
         console.log("当前环境不是微信环境")
     }

 });

2.微信登录（开放平台）

     $("#wchartLogin").on("click", function() {           var sendUrl = location.href;  //受到步骤一的影响，页面链接后拼接的是公众平台获取的code，xz参数。即xxxx.jsp?code=publiccode&xz=public&state=wx
         sendUrl = $.HTTP.setUrlParam(sendUrl, "xz", "open"); //重置xz参数：xxxx.jsp?code=publiccode&xz=open&sate=wx
         sendUrl = $.HTTP.deleteUrlParam(sendUrl, "code");  //删除公众平台code参数：xxxx.jsp?xz=open&state=wx  (最为重要，是混淆开放平台code的元凶！)
         sendUrl = $.HTTP.deleteUrlParam(sendUrl, "state");  //删除state参数：xxxx.jsp?xz=open
         sendUrl = $.HTTP.setUrlParam(sendUrl, "ls", "wx");  //增添ls参数：xxxx.jsp?xz=open&ls=wx  (后台设置的，没有此参数不行)
         sendUrl = encodeURIComponent(sendUrl);  //处理成redirect_uri的标准格式。
         requrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=' + sendUrl + '&response_type=code&scope=snsapi_login&state=wx#wechat_redirect';
         location.href = requrl;     //就可以成功登录了!
         return;
     });

3.微信支付（公众平台）：

 <input type="radio" value="WeiXinPub" name="payType" checked="checked">  

 <script>
 $(function(){
     $("#payFBtn").on("click",function(){
         var payType=$("#payChooseList input[name=payType]:checked").val();
         if(payType==undefined||payType==null||payType==''){
             alert("请选择支付类型！");
             return;
         }
         pay('{{orderNo}}',payType);
     })

 })
 </script>

 function pay(orderNo, payChannel) {
     $.HTTP.obj({
         url: "../rest/order/pay",
         ajaxData: {
             orderNo: orderNo,
             payChannel: payChannel,
             wxOpenId: $.cookie("geekbar_weixinid"),  //将获取到的公众平台的openid传给后台。只有有用户openid才能支付。
             success_url: encodeURI(location.href)
         },
         success: function(data) {

             if(data) {
                 switch(payChannel) {

                     case "AlipayWap":

                         var pos = JSON.stringify(data);
                         pingpp.createPayment(pos, function(result, err) {
                             alert(result);
                             alert(err.msg);
                             alert(err.extra);
                             if(result == "success") {

                             } else if(result == "cancel") {

                             }
                         });
                         break;

                     case "WeiXinPub":
                         var pos = JSON.stringify(data);

                         pingpp.createPayment(pos, function(result, err) {
                             /*alert(result);
                             alert(err.msg);
                             alert(err.extra);*/
                             if(result == "success") {
                                 //alert(result);
                             } else if(result == "fail") {
                                 alert(err.msg);
                                 // charge 不正确或者微信公众账号支付失败时会在此处返回
                             } else if(result == "cancel") {
                                 // 微信公众账号支付取消支付
                                 result = '您已取消支付';
                                 alert(result);
                             }
                         });
                         break;

                 }

             } else {
                 alert("支付异常");
             }

         }
     })
 }