Загрузка веб-страницы без обратной записи с помощью ASP.NET а Аякс не работает?
Чтобы подвести итог тому, что я пытаюсь сделать, я создал на своем сайте две формы, которые, когда пользователь нажимает кнопку next или prev, предположительно должны переходить из одной формы в другую без обратной записи. Но проблема в том, что когда я нажимаю кнопку Далее, она ничего не делает. Я уже нацелился на соответствующие идентификаторы и url-адреса в своем ajax-коде, но он все еще не работает. На данный момент я использую ajax для этих не-почтовых спинок, и мой сайт встроен asp.net. Надеюсь, вы, ребята,сможете мне помочь.
Что я уже пробовал:
Вот приведенный ниже код для ajax(loader.js):
$(document).ready(function () {
$.ajaxSetup({
cache: false,
dataType: "aspx",
error: function (xhr, status, error) {
alert('An error occured:' + error);
},
timeout: 30000,
type: "GET",
beforeSend: function () {
console.log('In Ajax complete function');
}
});
$("#btnNext").click(function (e) {
e.preventDefault();
$.ajax({
url: "Pages/CreateNewItems2.aspx",
success: function (data) {
$("#ContentPlaceHolder1").aspx("").append(data);
}
});
});
});
Вот главная страница для моего сайта:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="../Javascript/jquery-1.11.2.min.js"></script>
<script src="../Javascript/loader.js"></script>
<link rel="stylesheet" href="~/Styles/jquery.bxslider.css"/>
<link rel="stylesheet" href="~/Styles/StyleSheet.css"/>
<link rel="stylesheet" href="~/Styles/font-awesome.min.css"/>
<link rel="shortcut icon" type="image/png" href="~/Images/rockSign.png"/>
<style type="text/css">
.auto-style2 {
height: 298px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<header id="main_header">
<div id="callout">
<h2>☎ 111222333</h2>
<p>Michigan State Kawasaki Iceland</p>
</div>
<h1>MUSIC STORE</h1>
</header>
<div class="clearfix"></div>
<nav id="nav_menu">
<ul id="nav">
<li><a href="~/Pages/Home.aspx" runat="server">HOME</a></li>
<li><a href="#">INSTRUMENTS</a>
<ul class="sub-menu">
<li><a href="~/Pages/GuitarBrands.aspx" runat="server">ELECTRIC GUITARS</a></li>
<li><a href="#">BASS GUITARS</a></li>
<li><a href="#">DRUMS</a></li>
</ul>
</li>
<li><a href="#">AMPLIFIERS</a></li>
<li><a href="#">ACCESSORIES</a></li>
<li><a href="#">FEATURED ARTISTS</a></li>
<li><a href="#"><img src="../Images/cog.png" /></a>
<ul class="cog_submenu">
<li><a href="~/Pages/NewBrands.aspx" runat="server">CREATE NEW BRAND</a></li>
<li><a href="#">USE EXISTING BRAND</a></li>
<li><a href="~/Pages/OverviewData.aspx" runat="server">DATA OVERVIEW</a></li>
</ul>
</li>
</ul>
</nav>
<div id="content_area">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="clearfix"></div>
<footer>
<p>©All Rights Reserved</p>
</footer>
</div>
</form>
</body>
</html>
And here is the code for the 1st form which has the next button:
Kornfeld Eliyahu Peter
Какая-нибудь отладка?
[no name]
да, при нажатии на следующую кнопку...ничего не происходит. Это предполагает переход из 1-й формы во 2-ю.
F-ES Sitecore
Это не отладка, это просто наблюдение. Под отладкой он имеет в виду такие вещи, как проверили ли вы консоль на наличие сообщений об ошибках? например, такие вещи, как"метод aspx не определен". Использовали ли вы оператор javascript" debugger; " для пошагового просмотра вашего кода? Вы использовали сетевой раздел инструментов браузера, чтобы узнать, был ли когда-либо сделан вызов ajax?
Я думаю, что вам нужно начать с основ того, как вы используете ajax, поэтому посмотрите на документы и примеры на веб-сайте jQuery, так как я не думаю, что ваш тип данных является допустимым, и нет никакого метода "aspx".