实现用Ajax 控制右侧内容并修改了url地址，传递的时候哪里错了。麻烦大神看看

2017-04-10 02:02:51 184 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

毕业设计——基于卷积神经网络的高速公路团雾智能识别系统设计与实现（数据集+源码+可视化+综述）同时，也可以结合其他技术，如雷达、红外传感器等，实现多源信息的融合与协同处理，提高系统的可靠性和稳定性。实验结果表明，该系统能够实现对高速公路团雾的准确、快速识别，为高速公路的安全运行提供了有力保障。团雾作为一种常见的气象现象，具有突发性、局地性和消散迅速的特点，对高速公路的行车安全构成严重威胁。通过设计合适的网络结构，如增加卷积层、池化层等，实现对图像中团雾特征的自动学习和提取。预处理：对采集到的图像进行去噪、增强等预处理操作，以提高图像质量，降低后续处理的难度。读取数据，随机分为训练集和验证集。阅读详情

小弟是想用Ajax去实现点击左侧菜单的时候，右边内容局部刷新，并修改url地址。（不是要直接跳转）
传递的时候貌似遗漏什么，麻烦大神们看看。谢谢

<div id="content" class="content">

    <ul id="list" style="float:left;list-style:none;">

        <li><a href="#beijing">北京</a></li>

        <li><a href="#shanghai">上海</a></li>

        <li><a href="#shenzhen">深圳</a></li>

        <li><a href="#guangzhou">广州</a></li>

        <li><a href="#tianjin">天津</a></li>

    </ul>

</div>

<div id="content-main" style="margin-left:50px;float:left;width:820px;border:1px solid #ccc;height:520px;color:#ff3300;"></div>

...全文

解密Android相机框架：从HAL到应用层的全链路解析本文深入解析Android相机框架的全链路架构，从应用层到硬件抽象层（HAL）再到驱动层，详细介绍了CamX-CHI架构的设计哲学与实战应用。通过HAL3接口、V4L2交互机制及Camera2 API的最佳实践，帮助开发者优化相机性能，解决多摄切换、预览卡顿等常见问题，提升成像效率与稳定性。阅读详情

CHIHPENGCHIU

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

jio可 2017-04-10

打赏
举报

传了参数但是你没有使用。。。

斯洛文尼亚旅游 2017-04-10

打赏
举报

你_loadContent都没用到对应的参数啊，都定死了。。

    function _loadContent(url){
        return $.ajax({
            url :url,//////////// "atticle01.html",
            type:"post",
            tyepdata:"html"
        }) ;
    } ;

CHIHPENGCHIU 2017-04-10

打赏
举报

一楼是html代码，二楼是JS代码，需要引入jquery。

CHIHPENGCHIU 2017-04-10

打赏
举报

<script>
    $(function(){
        _init();   
    }) ;
    var _history = [] ; // 记录hash的活动数据容器
    function _init(){
        var root = $("#list") ; /
        var defaultHash = root.find("li a").eq(1).attr("href") ;    
        var currentHash = window.location.hash ;        
        //
        _addToHistory(defaultHash,true) ;
        if(currentHash && currentHash != defaultHash){
            _showContent((currentHash.split("#")[1])) ;    
        }
        else{
            _showContent((defaultHash.split("#")[1])) ;
        }
        $("#list").on("click","a",function(e){
            var action = ($(this).attr("href").split("#")[1]) ;     
            _showContent(action) ;
            e.preventDefault() ;
        }) ;
        window.addEventListener("popstate",function(e){
            if(e.state && e.state.hash){
                var hash = e.state.hash ;
                if(_history[1] && hash === _history[1].hash){//存在历史记录，证明是后退事件
                    _showContent(hash.split("#")[1].toLowerCase()) ;
                }else{ // 其它认为是非法后退或者前进
                    return ;
                }
            }
            else{
                return ;
            }
        },false) ;
    } ;
    function _showContent(action){
        var samePage = _history[0]["hash"] == "#" + action ;
        if(samePage){ // 同页面,则不重新加载
            return ;
        }
        _loadContent(action + ".data").done(function(data){         
            _renderContent(data["content"]) ;           
            _addToHistory("#" + action,samePage) ;
        }).fail(function(){
            throw new Error("load content error !") ;
        }) ;
    } ;
    function _loadContent(url){
        return $.ajax({
            url : "atticle01.html",
            type:"post",
            tyepdata:"html"
        }) ;
    } ;
    function _renderContent(text){
        $("#content-main").html(text) ;     
    } ;

    function _addToHistory(hash,noState){
        var obj = {
            hash : hash
        } ;
        if(noState){
            _history.shift(obj) ;
            window.history.replaceState(obj,"",hash) ;//
        }
        else{
            window.history.pushState(obj,"",hash) ;
        }
        _history.unshift(obj) ;         
    } ;
</script>

实现用Ajax 控制右侧内容并修改了url地址，传递的时候哪里错了。麻烦大神看看

相关推荐