Javascript Ajax Post Data

Question

Javascript:

function LoginButton1OnClick() { 
     $.ajax({ 
      type: "POST", 
      url: "Login/MainPageRegister", 
      cache:false, 
      data: 
       { 
        LoginEmailText: $("#LoginEmailText").val(), 
        LoginPasswordText: $("#LoginPasswordText").val(), 
       }, 
      success: function (mydata) { 
       $("#BodyPage").html(mydata); 
      } 
     }); 
    } 

ActionResult:

[HttpPost] 
    public ActionResult MainPageRegister(MyModel model) 
    { 
     return View(); 
    } 

я отправляю данные "MainPageRegister" .Однако возникает 2 проблемы.

1. Url никогда не меняется в browser.After я отправляю данные.

2. Я не могу нажать кнопку «вернуться, идти вперед» в browser.If я обновить браузер по ввести «f5», откроется страница предыдущей страницы не текущая страница.

Любая помощь будет оценена по достоинству.

Answer 1

Быстрый пример хэш URL-адрес

var storedHash = window.location.hash; //get hash 
    if (storedHash !== '') { //if no empty 
     hashChanged(storedHash); 
    } 
window.setInterval(function() { 
     if (window.location.hash != storedHash) { //chek if curent hash not == to stored hash when page was opened 
      storedHash = window.location.hash; 
      hashChanged(storedHash); //if change call a funcin 
     } 
    }, 100); //check hash if changed 

function hashChanged(storedHash) { 
    var link = storedHash.substr(1, storedHash.length); //get the link 
    $.ajax({ 
     type: "POST", 
     url: link+".php", //in browser url should look like #profile so when somebody 
     cache:false, 
     data: 
      { 
       LoginEmailText: $("#LoginEmailText").val(), 
       LoginPasswordText: $("#LoginPasswordText").val(), 
      }, 
     success: function (mydata) { 
      $("#BodyPage").html(mydata); 
     } 
    }); 
    } 

1. вы пришли на сайт example.com
2. Если вы смените example.com # профиль
3. Он будет автоматически запускайте функцию ajax для POST-данных в profile.php
4. Если # будет #page, он отправит данные на страницу.php и т. д., я не проверял код, но он должен работать run console.log() для storedHash, чтобы проверить, как работает!

Answer 2

Проблема в том, что вы выполняете запрос ajax, запрос ajax не изменяет историю браузера, и поэтому вы не можете вернуться.

Вы можете использовать HTML5 pushState(), чтобы вносить изменения в историю через JS, а также хэштеги. в JS вы можете использовать window.location.hash для изменения хеш-файла URL.

Первый ответ этого вопроса может принести больше света на эту тему: Change the URL in the browser without loading the new page using JavaScript

Answer 3

1. Это Ajax мой друг. Url не изменится. Данные будут поступать как Html, потому что вы просматриваете представление. Вы можете изменять куски страницы, но вы не перенаправляете URL-адрес.

2. Это Ajax снова. Найти последующей обходной Html 5 or JS

Answer 4

Если вы хотите использовать ajax для публикации данных и хотите иметь поддержку URL-адреса, вам нужно будет создать приложение вокруг этой концепции.

Я бы порекомендовал взглянуть на emberjs или sammyjs. Это отличные рамки для создания приложений вокруг этой концепции url-state.

http://sammyjs.org/ http://emberjs.com/