Ajax小示例

以前用的Ajax實例,以后用的時候可以仿照寫

JS部分

   /* 下訂單觸發click事件,用來校驗訂單是否下成功,根據AJAX返回值展示不同頁面*/
   $('#order_btn').click(function(){
     orderid = []
     $('.goods_list_td').each(function(){
       orderid.push($(this).attr('id'));
     });
     localStorage.setItem('order_finish',2);
     $.post({
       url:'/order/addorder/',
       dataType:'json',
       type:'POST',
       data:{
         'csrfmiddlewaretoken': '{{ csrf_token }}',
         id:orderid,
         total:totalPay,
         address:$('#oaddress').text(),
       },
     })
      .done(function(data){
        if(data.status == 1){
          $('.popup_con p').text('訂單提交成功!');
          $('.popup_con').fadeIn('fast', function() {
            setTimeout(function(){
              $('.popup_con').fadeOut('fast',function(){
            window.location.href = '/user/user_center_order&1/';
              });   
            },3000)  
          });
        }
        else if(data.status == 2){
          $('.popup_con p').text('超出庫存請修改!');
          $('.popup_con').fadeIn('fast', function() {
            setTimeout(function(){
              $('.popup_con').fadeOut('fast',function(){
            window.location.href = '/cart/';
              });   
            },3000)  
          });
        }
      });
     
   });

Python代碼

def addorder(request):
    """
    下訂單功能
    1)根據頁面上AJAX傳來的請求,依次將價格、地址、用戶id、時間保存為一條訂單數據,訂單id由時間構建
    2)由order函數傳的orderlist,由place_order.html頁面的JS構造成數組傳到本視圖,重新getlist解析為列表
       作為訂單詳情頁中購物車中的每個商品
    3)根據步驟2)中得到的詳細商品列表,構造訂單詳細信息表,減去相應的庫存數量
    4)步驟3)執行后刪除購物車中的信息
    """

    # 設置事務點,發生異常后回滾到此處
    tran_id = transaction.savepoint()

    # 根據POST和session獲取信息
    post = request.POST
    orderlist = post.getlist('id[]')
    total = post.get('total')
    address = post.get('address')
    uid = request.session.get('userid')
    time = datetime.now()

    # 創建訂單表
    order = OrderInfo()
    order.oid = '%s%d' % (time.strftime('%Y%m%d%H%M%S'), uid)
    order.user_id = uid
    order.odate = time
    order.ototal = Decimal(total)
    order.oaddress = address
    order.save()

    # 遍歷購物車中提交信息,創建訂單詳情表
    for orderid in orderlist:
        cartinfo = CartInfo.objects.get(id=orderid)
        good = GoodsInfo.objects.get(cartinfo__id=cartinfo.id)

        # 判斷庫存是否夠
        if int(good.gkucun) >= int(cartinfo.count):
            # 庫存夠,移除購買數量并保存
            good.gkucun -= int(cartinfo.count)
            good.save()

            goodinfo = GoodsInfo.objects.get(cartinfo__id=orderid)

            # 創建訂單詳情表
            detailinfo = OrderDetailInfo()
            detailinfo.goods_id = int(goodinfo.id)
            detailinfo.order_id = int(order.oid)
            detailinfo.price = Decimal(int(goodinfo.gprice))
            detailinfo.count = int(cartinfo.count)
            detailinfo.save()

            # 循環刪除購物車對象
            cartinfo.delete()
        else:
            # 庫存不夠出發事務回滾
            transaction.savepoint_rollback(tran_id)
            # 返回json供前臺提示失敗
            return JsonResponse({'status': 2})

    # 返回json供前臺提示成功
    return JsonResponse({'status': 1})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,345評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,494評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,283評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,953評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,714評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,410評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,940評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,776評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,210評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,654評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,638評論 25 708
  • 4 Invisible User Experiences you Never Knew About 偉大的設計是看...
    獺祭魚閱讀 770評論 0 3
  • 我跟A君就上菜的順序發生爭執,我說,剛才是先給你,然后B,最后我。她說,不,我記得是先你,再B,后我。這時候剛上菜...
    暫未定閱讀 119評論 0 1