thinkphp 页面跳转不显示问题 data-ajax="false"
来源:互联网 发布:edg淘宝店 编辑:程序博客网 时间:2024/05/14 15:43
最近在学用thinkphp框架写个小项目时,发现这样一个问题:通过模板界面写登录表单form,submit提交之后,跳转到的界面是一片空白,当手动刷新地址栏时,会报出错误。
<!--将表单提交到当前module的insert方法。--> <form name="RegForm" method="post" action="__URL__/insert" > <div data-role="fieldcontain"> <label for="username"> 用户名 </label> <input name="user_name" id="username" value="" type="text" required> </div> <div data-role="fieldcontain"> <label for="password"> 密码 </label> <input name="user_pwd" id="password" placeholder="" value="" type="password" required> </div> <div > <input data-inline="true" type="submit" name="submit" value="提交" /> <a data-inline="true" data-role="button" href="#"> 取消 </a> </div> </form>
提交后的页面是一片空白。
当再次手动刷新地址栏时,会显示非法数据对象错误。
解决方法:
在form里面添加data-ajax=”false”
<form name="RegForm" method="post" action="__URL__/insert" data-ajax="false">
下面是个小测试
在模板中写个跳转按钮,调用控制台的方法进行跳转
模板里面的代码
<!-- 调用当前module的mk方法--> <a style="margin-left:37%;" href="../book/mk" data-role="button" data-icon="home">界面跳转</a>
控制台的代码
public function mk(){ header("Content-type: text/html; charset=utf-8"); echo "<script>alert('跳转成功');</script>";}
在没有添加data-ajax=”false”时,当点击按钮时,
跳转界面是一片灰白,当再次刷新地址栏时,才会跳出“跳转成功“的提示框。
添加data-ajax=”false”后运行恢复正常。
<a style="margin-left:37%;" href="../book/mk" data-role="button" data-icon="home" data-ajax="false">界面跳转</a>
原因分析:
在w3school中找到关于data-ajax的介绍
data-ajax=”false”表示不通过ajax方式来加载页面。
AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
具体原因本人也不是很懂,希望各位路过的大神能够提点一二,谢谢!
0 0
- thinkphp 页面跳转不显示问题 data-ajax="false"
- data-ajax="false"
- thinkphp 分组、页面跳转与ajax
- ThinkPHP使用success,error页面跳转问题
- ajax请求返回的页面不跳转
- ajax不跳转页面提交表单
- 实现ajax提交表单,页面不跳转
- ThinkPHP页面跳转、Ajax技巧详细介绍(十八)
- thinkphp使用ajax提交后怎么做页面跳转
- servlet跳转后页面图片不显示
- thinkphp 验证码不显示问题
- IOS 页面跳转问题:点击按钮页面不跳转
- ajax session过期 页面跳转问题
- 关于加载cocos2dx动画问题,跳转页面后回来不显示,报错找不到资源
- shiro unauthorizedUrl页面不跳转问题
- shiro unauthorizedUrl页面不跳转问题
- 点击爱心跳转问题。ajax,跳转到页面顶部
- 过滤器跳转的页面显示问题
- 音视频 播放每次出现这个log信息 播放就会明显得卡顿一下 ,各位帮忙看下什么原因,该怎么处理啊 新手求指教
- Intellij IDEA 安装Scala 报 ‘plugin scala is incompatible‘ 解决方案
- 网络编程(50)—— 使用poll搭建回声服务端
- React-Native 填坑之ListView(item更新)
- Android自定义下拉刷新动画--仿百度外卖下拉刷新
- thinkphp 页面跳转不显示问题 data-ajax="false"
- 阿里云 实现流媒体 直播 demo
- 2-python图像处理之Matplotlib
- Spring 框架参考文档(六)-Integration之Remoting and web services using Spring
- 32位和64位操作系统的区别
- 一些Linux用到的C工具集常用函数实现
- Evaluation of Parsing 句法分析评测
- 移动函数rename
- node.js基本工作原理及流程