TP5商城练习-ajax取代frameset

本文介绍了作者在开发一个商城项目的后台过程中,如何使用jQuery的.load()方法实现页面局部刷新,并分享了一个利用.toggle()方法实现元素显示隐藏功能的案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天开始练习一个商城的项目,分析需求之后,手动建立了五张数据表,然后我从后台开始做,这时候就在考虑后台怎么设计,难道又要用frameset?网上找了些资料,说可以用ajax做,我想到了jquery中的.load( )方法:
这里写图片描述

$(function(){
    $("dd").click(function(){
        var url=$(this).children().attr("info");
        $("#ajaxshow").load(url,function(responseText,textStatus,XMLHttpRequest){
            if(XMLHttpRequest.status==404 || XMLHttpRequest.status==500){
                $("#ajaxshow").html("<p>error</p>");
            }else{

            }   
        });     
    });

完美搞定。
另外在做左边 + - 号 点击变化的时候,我在加减号本身用了.toggle( )方法,我一直以为toggle()是点击再点击然后分别执行里面的两个函数,结果大错,原来toggle是对选定的元素显示隐藏。说不太好,还是贴代码吧

正确
    $(".flag").click(function(){
        $(this).parent().next().toggle();
        if($(this).text()=="-"){
            $(this).text("+"); 
        }else{
            $(this).text("-");
        }
    }
    );
错误
$(".flag").toggle(f1(){...},f2(){...})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值