Ajax实现页面局部刷新

这里通过点击一个按钮，然后下面产生一段文字，而整个页面不用刷新

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>AJAX</title><script>function loadXMLDoc() {var xhr = new XMLHttpRequest();xhr.onreadystatechange=function () {if(xhr.readyState == 4 && xhr.status == 200) {//通过Ajax响应的东西异步的展示在id为hello的div中document.getElementById("myDiv").innerHTML=xhr.responseText;}};xhr.open("POST","newPage.html",true);xhr.send();}</script>
</head>
<body><div>我的第一个AJAX</div><button type="button" onclick="loadXMLDoc()">点击</button><div id="myDiv"></div>
</body>
</html>

Ajax请求成功后页面跳转

通过location.href，进行页面的跳转

<input id="title" type="text" placeholder="请输入标题">
<input id="input" type="button" value="发布">

$("#input").click(function () {$.post({url: "/editormd",data: {title: $("#title").val(),},success: function () {location.href="/";}});

Ajax请求成功后页面跳转相关推荐

ajax请求拦截窗口,ajax请求成功后新开窗口window.open()被拦截解决方法
ajax请求成功后新开窗口window.open()被拦截解决方法问题: 前面开发项目时碰到一个问题,ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但 ...
ajax请求成功后打开新开窗口(window.open())被拦截的解决方法
问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('clic ...
多个Ajax请求成功后再执行后续方法
经常会遇到需要ajax请求完毕后调用某方法,这次是多个ajax请求成功后,用它们返回的数据传参给回调方法,查询了一下,可以用jquery中的 $.when(),使用方法如下: $.when( $.aj ...
HTML form 表单提交数据采用ajax方式返回成功后页面跳转问题
今天遇到了一个问题就是写注册的html时候,采用的from表单取数据 ajax 发请求请求成功后发现不能跳转页面 . 要注意几点就是: 1.input标签type类型 submit要改为butto ...
【jquery】ajax 请求成功后新开窗口被拦截解决方法
问题: 前面开发项目时碰到一个问题,ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢? 分析: 浏览器之所以 ...
ajax请求后新窗口打开,Ajax请求成功后打开新窗口地址
废话不多说,关键代码如下所示: jQuery.ajax({ "type":"post", "url":"http://www.ba ...
SSM框架，ajax实现登陆界面验证和登陆成功后页面跳转问题
账号.密码和验证码都正确后,使用了ajax实现验证,验证结束后不能像正常一样返回一个字符串,用视图解析器来跳转页面  & ...
ajax请求成功后location.href没有跳转
错误原因: 注意起来一个情况:ajax+submit+同步--就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax. 这个时候,首先你 ...
ajax请求成功后刷新当前页面,Ajax请求后页面刷新
好的,我有一个仅包含的简单表格text field.当我们点击submit(通过ajax存储)时,在文本字段中写入的数据将存储在DB中.Ajax可以正常工作并提交数据,但是,页面会自动刷新,并且URL ...

Ajax请求成功后页面跳转

文章目录

Ajax实现页面局部刷新

Ajax请求成功后页面跳转

Ajax请求成功后页面跳转相关推荐

最新文章

热门文章