首页ajax怎样返回html页面跳转页面跳转,jQuery+ajax登陆时怎么在html跳转页面

ajax怎样返回html页面跳转页面跳转,jQuery+ajax登陆时怎么在html跳转页面

时间: 2023-06-19 12:07:03 浏览: 127

在使用 AJAX 返回 HTML 页面并进行页面跳转时，可以使用 jQuery 的 load() 方法来加载 HTML 页面，同时在回调函数中使用 JavaScript 的 location.href 属性进行页面跳转。例如，假设我们有一个按钮，当点击该按钮时，通过 AJAX 加载 login.html 页面，并在加载完成后跳转到该页面。代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AJAX 跳转页面示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $('button').click(function() { $.ajax({ url: 'login.html', type: 'GET', dataType: 'html', success: function(data) { $('body').html(data); location.href = 'login.html'; }, error: function() { alert('加载页面失败！'); } }); }); }); </script> </head> <body> <button>点击加载并跳转页面</button> </body> </html> ``` 在上述代码中，当点击按钮时，使用 AJAX 加载 login.html 页面，并将其插入到当前页面的 body 元素中。在加载完成后，利用 JavaScript 的 location.href 属性进行页面跳转。

阅读全文