2. 程式人生 > >ajax跨域/資料的拼接/定向跳回/base加密/cookie跨域/

ajax跨域/資料的拼接/定向跳回/base加密/cookie跨域/

阿新 • • 發佈：2019-01-08

本人小白，下面專案中有很多自己踩過的坑，話不多說，上個公司專案的程式碼，裡面有很多可以用到的，希望幫助到你，不喜勿噴......小白就是小白..........

總結：如果標籤屬性是贏定義好的，就按照正常html來寫，如果是根據data來動態獲取定義的，則需要""'看似三個引號來包裹，中間的text或者innerhtml也是這個道理。

// $(document).ready(function () {         

//                  $.ajax({
//                     url: "http://localhost:9090/student",
//                     type: "GET",
//                     data:'', 
//                     dataType: "jsonp", //指定伺服器返回的資料型別
//           jsonp:'callback',//指定伺服器返回的回撥函式
//                      success: function (data) {
//                          var result = JSON.stringify(data); //json物件轉成字串
//                          $("#text").val(result);
//                      },  
//                     timeout:3000  
//                  });        
//          });


$(document).ready(function(){
     function getInfo(url,callback){
            $.ajax({
                type:"post",
                url:url,
                //dataType:'jsonp',
                crossDomain: true,
                contentType: "application/json",
                xhrFields: {
                withCredentials: true
            },  
                beforeSend: function() {
                   $(".header_your_first_ul").children("li").hide()
                },
                
                 success:callback,
                 complete: function() {

                 $(".header_your_first_ul").children("li").show()

               },

                error:function(error){
                    console.log(error);
                }
            });
    }

   getInfo("https://test.kyoye.com/customer/Exchange/CustomerInfo",function(data){
    // console.log(data.customer.fullname)
        console.log("CustomerInfo",data);
        var persontrue=data.customer.fullname
        if(data.customer.fullname==undefined){
            $(".header_your_first_ul_div_hidden").remove()
            $(".header_your_first_ul_h1two_div_hidden").remove()
        }else{
          // delet some divs
          $(".header_your_first_ul_div").remove()
             $(".header_your_first_ul_h1two_div").remove()
        // pc person

$(".header_your_first_ul_h1two    span").text(data.customer.profiles[0].nickname).css("text-transform","uppercase").append('<b class="iconfont">&#xe668;</b>');

//$(".header_your_first_ul_ul_sec_hidden").children("li:nth-child(2)").children("a").text(data.customer.fullname).attr("href",data.customer.profiles[1].url)          

$(".header_your_first_ul_ul_sec_hidden").children("li:last-child").children("span").text(data.customer.profiles[0].nickname)
          for (var ci = 0; ci<data.customer.profiles.length;ci++) {
              if (data.customer.profiles[ci].iscurrent) {

                $(".header_your_first_ul_ul_sec").children("li:last-child").remove()

$(".header_your_first_ul_h1two").children("span").text(data.customer.profiles[ci].nickname).append('<b class="iconfont">&#xe668;</b>');

$(".header_your_first_ul_ul_sec_hidden").append("<li><a href='"+data.customer.profiles[ci].url+"'>"+data.customer.profiles[ci].nickname+"</a></li>").children("li:last-child").prepend("<i class='iconfont iconfont_yellow'>&#xe62f;</i>")

  }else{

$(".header_your_first_ul_ul_sec_hidden").children("li:first-child").after("<li><a href='"+data.customer.profiles[ci].url+"'>"+data.customer.profiles[ci].nickname+"</a></li>")
}

 }

 };

          // phone person
 for (var pci = 0; pci<data.customer.profiles.length;pci++) {
 if(data.customer.profiles[pci].iscurrent) {
 $(".header_div_m_left_show_shop_message_right_div_login").children("h2").find("a").empty()
          $(".header_div_m_left_show_shop_message_right_div_login").children("h2").find("a").text(data.customer.profiles[pci].nickname).attr("href",data.customer.profiles[pci].url)
 }else{
$(".header_div_m_left_show_shop_message_right_ul_login").children("li:nth-child(3)").after("<li><a href='"+data.customer.profiles[pci].url+"'>"+data.customer.profiles[pci].nickname+"</a></li>")  
  }
 };
 $(".header_your_first_ul").children("li:first-child").bind(
{mouseenter:function(){$(this).children("h1").children("span").css({"background-color":"#f90","border-bottom":"1px solid #ffba61"});$(this).find(".header_your_first_ul_div_hidden").toggle();$(".header_shop_car_message_hidden").hide(300);$(".iconfont_div").hide(200)},
mouseleave:function(){$(this).children("h1").children("span").css({"background-color":"","border-bottom":"0px"});$(this).find(".header_your_first_ul_div_hidden").toggle();$(".iconfont_div").hide(200)}
 })
// mouse to controll cart show hide  
$(".header_your_first_ul").children("li:last-child").bind(
{mouseenter:function(){$(this).children("h1").children("span").css({"background-color":"#f90","border-bottom":"1px solid #ffba61"});$(this).find(".header_your_first_ul_h1two_div_hidden").toggle();$(".header_shop_car_message_hidden").hide(300);$(".iconfont_div").hide(200)},
mouseleave:function(){$(this).children("h1").children("span").css({"background-color":"","border-bottom":"0px"});$(this).find(".header_your_first_ul_h1two_div_hidden").toggle();$(".iconfont_div").hide(200)}
 })
             // click search to controll cart show hide  
 $(".header_search_ul").find("i").click(function(){
  $(".header_shop_car_message_hidden").hide(200)
 })
         
 getInfo("https://test.kyoye.com/customer/Exchange/cartinfo",function(data){
      // pc mincart ajax message
        console.log("cartInfo",data);
       $(".header_shop_message").text(data.cart.summary_count)
       $(".header_shop_car_message_hidden_div_first").children("a").text("("+data.cart.summary_count+"items):")
       // this is a pulic price called $datastr in pc and phone
       $datastr=data.cart.subtotal;
       $datatotal=(($datastr.replace(/[^0-9]+/g, ''))/100);
       $(".header_shop_car_message_hidden_div_first").children("h2").text("$"+$datatotal)
       var pcstr="";
       for (var i = 0; i < data.cart.items.length; i++) {
       pcstr+="<div class='header_shop_car_message_hidden_div_details'>"
               +"<div class='header_shop_car_message_hidden_div_details_img'>"
               +"<a href='"+data.cart.items[i].configure_url+"'>"
               +"<img src='"+data.cart.items[i].product_image.src+"'/>"
               +"</a>"
               +"</div>"
             +"<div class='header_shop_car_message_hidden_div_details_message'>"
               +"<div class='header_shop_car_message_hidden_div_details_message_left'>"
               +"<a href='"+data.cart.items[i].product_url+"'>"+data.cart.items[i].product_name+"</a>"
               +"<p>$"+data.cart.items[i].product_price_value+"</p>"
               +"<span>Qty :"+data.cart.items[i].qty+"</span>"
               +"</div>"
              +"<div class='header_shop_car_message_hidden_div_details_message_rights'>"                
               +"<h1>see</h1>"
               +"<h2>details ></h2>"
               +"<div>"
               +"<h3>color</h3>"
               +"<h4>"+data.cart.items[i].options[0].value+"</h4>"
               +"</div>"
               +"</div>"
             +"</div>"
             +"</div>";
         };


        $(".header_shop_car_message_hidden_div").append(pcstr);
       // phone mincart ajax message
    $(".header_div_m_left_show_shop_message_detailes_login").children("a").text("("+data.cart.summary_count+"items)")
        $(".header_div_m_left_show_shop_message_detailes_login").children("h2").text("$"+$datatotal)
        $(".header_div_m_shop_message").text(data.cart.summary_count)
        var phonestr="";
       for (var i = 0; i < data.cart.items.length; i++) {
        phonestr+="<div class='header_div_m_left_show_shop_message_right_bottom_login'>"
                    +"<a href='"+data.cart.items[i].product_url+"'>"
                    +"<img src='"+data.cart.items[i].product_image.src+"'/>"
                    +"</a>"
                    +"<div class='header_div_m_left_show_shop_message_right_bottom_login_message'>"
                    +"<h1>"+data.cart.items[i].product_name+"</h1>"
                    +"<h2>$"+data.cart.items[i].product_price_value+"</h2>"
                    +"<h3>details ></h3>"
                    +"<div>"
                    +"<h4>color</h4>"
                    +"<h5>"+data.cart.items[i].options[0].value+"</h5>"
                    +"</div>"
                 +"</div>"
                 +"</div>";
         };
        $(".formessage").append(phonestr);
        // pc and phone jq transform
        if (persontrue) {
          if(data.cart.summary_count==null || data.cart.summary_count==""){
            $(".header_your_first_ul_h1two_div").remove()
             $(".header_your_first_ul_div").remove()
             $(".header_div_m_left_show_shop").remove()
             $(".header_shop_car_message_hidden").remove()
             
            }else{
               $(".header_shop_car_message").remove()
               $(".header_div_m_left_show_shop").remove()
 }
  }else{
     if(data.cart.summary_count==null || data.cart.summary_count==""){
      $(".header_div_m_left_show_shop_login").remove()
      $(".header_shop_car_message_hidden").remove()
      $(".header_your_first_ul_h1two_div_hidden").remove()
      $(".header_your_first_ul_div_hidden").remove()
              
 }else{
      $(".header_your_first_ul_div_hidden").remove()
       $(".header_your_first_ul_h1two_div_hidden").remove()
       $(".header_shop_car_message").remove()
 }
}
       
         // pc
         // mincart click to controll search and youself and account show hide 
        $(".header_shop_car").children("i").click(function(){
        $(".header_shop_car_message_hidden").toggle(300)
        $(".header_your_first_ul_h1two_div_hidden").hide(300)
        $(".header_your_first_ul_div_hidden").hide(300)
        $(".iconfont_div").hide(200)
         })
        $(".header_shop_car_message_hidden_b").children("b").click(function(){
        $(".header_shop_car_message_hidden").hide(300)
        $(".iconfont_div").hide(200)
         })
       var divs=document.getElementsByClassName("header_shop_car_message_hidden_div_details_message_rights");
        for(var ii=0;ii<divs.length;ii++){
          divs[ii].childNodes[1].onclick=function(){
            $(this).next("div").toggle(200)          
          }
                
      } 
       $(".header_div_m_shop").find("b").bind("click",function(){
       $(".header_div_m_left_show_shop_login").slideToggle()
       $(".header_div_m_left").find("b").fadeIn()
       $(".header_div_m_left").find("i").fadeOut()
        $("body").css({"overflow-x":"hidden","overflow-y":"auto"})
       $(".header_div_m_left_show").fadeOut()
        
      })
       $(".header_div_m_left_show_shopheader_shop_car_close_login").find("b").bind("click",function(){
      $(".header_div_m_left_show_shop_login").fadeToggle(800)
       $("body").css({"overflow-x":"hidden","overflow-y":"auto"})
       
      })
      $(".header_div_m_left_show_shop_close_login").find("b").bind("click",function(){
      $(".header_div_m_left_show_shop_login").fadeToggle(800)
       $("body").css({"overflow-x":"hidden","overflow-y":"auto"})
       
      })
      $(".header_div_m_left").find("b").bind("click",function(){
      $(".header_div_m_left_show_shop_login").fadeOut(800)
       $("body").css({"overflow-x":"hidden","overflow-y":"auto"})
       
      })
      var divss=document.getElementsByClassName("header_div_m_left_show_shop_message_right_bottom_login_message");
        for(var sii=0;sii<divss.length;sii++){
          divss[sii].childNodes[2].onclick=function(){
            $(this).next("div").slideToggle(200)
            // this.nextSibling.style.display='block'
          }
        } 
      
      //else end


})


       
    });


      getInfo("https://test.kyoye.com/customer/Exchange/WishList",function(data){
        console.log("WishList",data);
        if(data.wishlist.counter==null){     
$(".header_your_first_ul_ul_first_hidden").children('li:first-child').children("a").text("save frame("+data.wishlist.items.length+")").css("text-transform","capitalize")
 }else{
$(".header_your_first_ul_ul_first_hidden").children('li:first-child').children("a").text("save frame("+data.wishlist.counter+")").css("text-transform","capitalize")
  }
 });   
})
$(document).ready(function(){
  var referer=$.base64.btoa(window.location.href);
$(".header_your_first_ul_div").find("h2").children("a").attr("href","https://test.kyoye.com/customer/account/login/referer/"+referer+"/")
  $(".header_div_m_left_show_shop_message_left_div_div").find("h2").children("a").attr("href","https://test.kyoye.com/customer/account/login/referer/"+referer+"/")
  
  
})








 

相關推薦

ajax跨域/資料的拼接/定向跳回/base加密/cookie跨域/

本人小白，下面專案中有很多自己踩過的坑，話不多說，上個公司專案的程式碼，裡面有很多可以用到的，希望幫助到你，不喜勿噴......小白就是小白.......... 總結：如果標籤屬性是贏定義好的，就按照正常html來寫，如果是根據data來動態獲取定義的，則需要""'看似三個引號來包裹，中間的

ajax實現提交資料並且不跳轉

<form id="myform" action="submit.php" method="post"> <textarea name="saytxt" rows="2" cols="40"></textarea> <input t

關於一載入jsp頁面就跳轉到servlet獲取資料然後再跳回jsp頁面的問題

下面來說我遇到的問題： 上一篇文章中寫的是jsp+javabean實現商品分頁  瀏覽，即model1的開發模式，現在要改為  jsp+sevlet+javabean 即model2了  之前在jsp

ajax 非同步提交資料、檔案和跨域提交的實現

在網站中經常需要無重新整理提交資料，或者上傳圖片的情況，還有就是跨域提交的情況，現記錄下自己的總結，以待後續。 1.非同步提交資料: function getAjax(){ $.ajax({type : "get",dataType : "json",url : "/ne

20180204.ajax提交註冊資料；axios跨域請求得到json字串；實現註冊功能

我設定本地阿帕奇後端伺服器埠是8080，前端埠是8081，注意區別首先要給註冊彈窗一個方法，核實兩次密碼是否一致，在modal1元件中新增程式碼verify:function(){ if(this.pass==this.pass1){//下面是ajax部分，提交使用者寫的name和密碼，name

Vue--axios：vue中的ajax非同步請求（傳送和請求資料）、vue-resource非同步請求和跨域

跨域原理:一.使用axios傳送get請求 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="

關於ajax異步請求不到數據的問題 302跨域請求

得到 直接 項目 登錄驗證 一個 圖片 -c gpo 在線咨詢 項目大致問題是這樣的 在線咨詢模塊的數據是通過ajax異步加載來請求到數據，然後動態解析並且顯示 前臺頁面的請求代碼 後臺action： 另外就是這個項目還有一個登陸權限的認證，如果不登錄後臺或

獲取跨域資料

1.fetch window.onload=function(){ let oBtn=document.getElementById('btn'); oBtn.onclick=async function(){ //請求資料 let res=await fetch('data

Uncaught DOMException: Blocked a frame with origin - 跨域資料問題及解決

遇到需要使用視窗的功能，是這樣的 ，A站點的a1頁面為主要顯示頁面，但是需要呼叫B站點的b1介面用來儲存資料到B站點上，然後再將b1頁面獲取的地址體現到a1頁面上，在呼叫頁面的關閉事件的時候遇到問題： Uncaught DOMException: Blocked a frame with

react路由跳轉、引數傳遞和Ajax請求API資料

我專案完整程式碼請進入我的github“星座運勢”github上原始碼地址歡迎點一下star(^_^)，在這個專案中使用了react框架元件化開發、react路由實現介面跳轉和引數傳遞，此外我所使用的資料來源於ShowAPI介面。 一下為路由部分程式碼(app

使用WebSocket進行跨域資料請求

Websocket是HTML5的一個持久化的協議，它實現了瀏覽器與伺服器的全雙工通訊，同時也是跨域的一種解決方案。WebSocket和HTTP都是應用層協議，都基於 TCP 協議。但是 WebSocket 是一種雙向通訊協議，在建立連線之後，WebSocket 的 server 與 client 都

ssm框架+前端ajax登入，解決登入後跳轉回原連結問題

當前環境：       spring做全連結攔截，在攔截器中進行登入驗證，登入方法在前端觸發使用的是ajax，登入方式呼叫成功後，將在session中儲存登入的UUID，登入成功後的處理直接使用頁面跳轉到主頁（window.location.href）。 出現的變更：   

也談跨域資料互動解決方案

提醒：本文最後更新於 2677 天前，文中所描述的資訊可能已發生改變，請謹慎使用。 先來句題外話，最開始Ajax應該是用來特指用XMLHttpRequest傳輸資料這門技術，但就像最近大家把一切web新技術都歸到html5名下一樣，現在一切非同步獲取資料的手段都被人稱之為Ajax。 由於Java

Select2外掛ajax方式載入資料，編輯資料回顯

專案中用到了select2.js外掛的ajax方式載入資料，在編輯資料的時候需要回顯，找了很多文章，都不能正常回顯，谷歌之後在官方的github上找到些蛛絲馬跡，終於做了出來。 引js和css 初始

ajax和flask附cookie跨域

跨域是個深刻的話題 我現在的專案在做js的ajax和flask之間的跨域工作，其中涉及到了一個問就是使用者資訊的儲存 為了方便我打算把常用的資訊儲存在cookie中，一方面是前端顯示方便，另一方面是給flask發api請求的時候可以直接將cookie

PJAX實現頁面無重新整理跳轉及載入資料（瀏覽器可回退前進）

$.pjax({ url: '訪問後臺的url', container: '需重新整理的div等容器的id' }); pjax可以很好的實現無重新

AJAX跨域問題解決方法（2）——JSONP解決跨域

使用JSONP伺服器後臺要改動嗎？JSONP不同於一般的ajax請求返回json物件，JSONP返回的是script指令碼。所以，使用JSONP時，伺服器後臺需要進行改動，如果依然返回的是json物件，則會報錯。 JSONP解決跨域的實現原理瀏覽器只對XHR進行跨域問題校驗，而JSONP的型別是scri

從三級界面直接跳回一級調用方法

從三級界面直接跳回一級調用方法//從三級界面直接跳回一級調用方法 [self.presentingViewController.presentingViewController dismissViewControllerAnimated:YES completion:nil];本文出自 “ZhuoKing”

servlet中如何發送ajax請求並動態拼接數據到html中

servlet com .com blog 發送 nbsp ima jsp logs 廢話不多說，直接上代碼 1.servlet 2.js 3.jsp 有不懂得歡迎來扣我哦^_^ servlet中如何發送ajax請求並動態拼接數據到html中

ajax請求不能重定向問題探究及解決【借鑒、參考】

images 攔截 意見 請求 變化 代碼示例 log blog header 【聲明】本文章是為了解決個人項目中遇到的ajax請求與重定向的問題，參考了多位網友的博客和意見，感謝這些網友! 1.原因探究及解決方法（參考網友，只做以後查詢用） response.sen