使用JQuery和AJAX在html文件之间滑动过渡以进行导航

时间:2015-10-29 14:25:24

标签: javascript jquery html css ajax

我想知道是否有一种简单的方法可以在我的网站中的许多单独的html文件之间实现幻灯片切换效果。我一直在寻找几个小时,但是如果没有重新设计网站,我找不到我想要做的例子。我正在使用JQuery和AJAX验证页面上的选择,然后在一些服务器端验证后移动到选定的选项。这可能与我目前的设计有关吗?感谢

//JavaScript function
function getValue(aval) {

    $.ajax({
        url: 'Services.aspx/getSelection',
        type: "POST",
        dataType: "json",
        data: '{"aSelection":"' + aval + '"}',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            //alert(data.d);
            if (data.d == 1) {
                window.location.href = "InsuredReason.html";
            }
            if (data.d == 2) {
                window.location.href = "AgentInfo.html";
            }
            if (data.d == 3) {
                window.location.href = "ContratistaInfo.html";
            }
            if (data.d == 4) {
                window.location.href = "VisitorInfo.html";
            }
        },
        error: function (er) {
            //alert(er.d);
        }
    });

  }

<!--HTML-->
    <nav id="razonAseg">
        <br>
        <img src="images/2.jpg" alt="Asegurado" width="315" height="628" class="smooth" id="Asegurado" border="0" onclick="getValue('1')"/>
        <img src="images/1.jpg" alt="Agente" width="315" height="628" class="smooth" id="Agente" border="0" onclick="getValue('2')"/>
        <img src="images/3.jpg" alt="Contratista" width="315" height="628" class="smooth" id="Contratista" border="0" onclick="getValue('3')"/>
        <img src="images/4.jpg" alt="Visitante" width="315" height="628" class="smooth" id="Visitante" border="0" onclick="getValue('4')"/>
    </nav>

1 个答案:

答案 0 :(得分:0)

您不需要重定向,更好地使用html文件内容更新页面的某些区域。

HTML可能是:

java.util.Calendar

javascript不会重定向,但会更新内容:

org.quartz.impl.calendar.DailyCalendar