data-ajax="false"

最新推荐文章于 2024-07-30 08:20:42 发布
最新推荐文章于 2024-07-30 08:20:42 发布
阅读量3.1k 收藏
点赞数
分类专栏： JS/HTML 文章标签： jq mobile

       前端时间在做一个项目，公司之前的框架采用了jquerymobile这个框架，在开发过程中，采用了chrome浏览器来测试运行。现叙述如下问题：

       在通过a标签herf去跳转页面时出现了页面跳转了过去，地址栏地址已经变化，但是页面仍显示为上一页面，需要刷新页面才能看到，同时在手机上测试也是同样的效果，花费了大量时间也没有定位到问题所在，最后通过对比与其他页面的不同，发现在a标签里会多出一个data-ajax="false"，加上后果然好了，但是不知道其原因，今天看到这篇文章才知道原因。       

        Jquery Mobile支持所有标准的html格式，为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求，并且用动画的转场效果实现切换，指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载，页面会整体被刷新。

        附上原文链接

 点击打开链接

诗和元芳啊
关注
专栏目录
thinkphp 页面跳转不显示问题 data-ajax="false"
LMXQH的博客
12-31 1822
最近在学用thinkphp框架写个小项目时，发现这样一个问题：通过模板界面写登录表单form,submit提交之后,跳转到的界面是一片空白，当手动刷新地址栏时，会报出错误。 <!--将表单提交到当前module的insert方法。--> <form name="RegForm" method="post" action="__URL__/insert" > <div data-rol
Bootstrap Table通过data-url及data-ajax后台分页
lgangui的博客
06-18 2355
使用data-url 后台分页 前台代码 <!-- Page Content --> <div class="col-sm-10" id="content"> {% csrf_token %} <title>Re-install</title> <div style="height: 50px"> <div class=
JqueryMobile链接一个页面，而链接页面中图片需刷新才显示的问题
H小阿飞的博客
03-14 191
    最近在做一个项目，由于涉及到跨平台性，所以采用了jquerymobile这个框架，在开发过程中，一开始为了图测试方便，采用了chrome浏览器来测试运行。现叙述如下问题： 当在first.html中，有个链接如：&lt;a href="second.html" data-role="button" id="submit"&gt;登录&lt;/a&gt;     而在second.htm...
AJAX中data的三种格式的特点分析
最新发布
chenyu_Yang的博客
07-30 354
还能向后台提交一个参数名对应多个参数值的数据，常用于多项删除和导出等操作。劣势：操作麻烦，请求前要进行字符串的拼接，且只能向后台提交字符串类型的数据。劣势：只能向后台提交一个参数名对应一个参数值的字符串类型的数据。优势：不但能提交字符串数据，还能提交二进制数据，常用于递交文件。优势：不但能够向后台提交一个参数名对应一个参数值的数据，格式：data:k1=v1&k2:v2&....优势：结构简单，常用于查询，修改，新增等操作。对象，以传递.xls文件为例。劣势：操作更加复杂。
data-ajax
三人行，必有我师焉。
12-22 824
做uuwatc_app遇到的问题
Jquery mobile 自定义 返回按钮 data-rel="back"
bibi
12-02 6646
data-rel="back" 第一个页面 主页面 studentmaster.html  通过下面js脚本跳转到详情页面 window.location.href="studentdetail.html"; 学员风采 第二个页面  详细页面studentdetail.html data-
springmvc获取content-type=multipart/form-data
brantykl的博客
02-09 1374
1.ajax异步请求上传文件 //商品大图 var formData = new FormData(); var book_logo_big = $("#booklogobig")[0].files[0]; formData.append('book_logo_big',book_logo_big); $.ajax({ url: "/StudentManageSystemAfter/student?action=queryStudentByPage&currentPage="+params.
Jquery-Ajax.rar_ajax_jq-ajax_neededhu5_travelgeq
09-21
**Ajax（Asynchronous JavaScript and XML）技术是前端开发中的一个重要组成部分，它允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery是一个非常流行的JavaScript库，它简化了Ajax操作...
data-ajax false 过渡,使用data-ajax =“true”提交jquery移动表单
weixin_39750854的博客
08-06 346
我目前正在尝试构建一个jQuery手机应用程序。我有一个指向结果页面的表单，我附加了一个函数，它引入了一些json，并根据表单提交的内容计算出一些数字。我的问题是，当显示结果页面时，它不显示实际的计算结果，直到刷新页面。我做了一些研究，为什么会发生这种情况，并发现它通过ajax加载页面的JQM。当我向表单添加data-ajax =“false”时，结果页可以正常工作，但是我真的想使用jqm在结果页...
data-ajax-mode,ajax.data
weixin_34175388的博客
08-05 231
ajax.dataSince: DataTables 1.10Add or modify data submitted to the server upon an Ajax request.DescriptionWhen making an Ajax request to the server, DataTables will construct a data object internally,...
data-ajax-mode,ASP.Net Core使用Ajax局部更新
weixin_35649143的博客
08-05 493
由于目前ASP.NET Core中没有提供Ajax帮助器，所以参照 上一篇帖文，使用data-ajax-*属性来使用jQuery Unobtrusive Ajax功能实现HTML的局部页面元素更新。在.cshtml文件中，根据文章分页，分别生成各页链接：@if (Model.ContentArray.Count() > 1){@Html.Raw(Model.ContentArray[0])}...
data-ajax false 过渡,如何使用jQuery.ajax进行CSS3过渡回调
weixin_28998761的博客
08-06 239
我发现$。推迟是解决这个问题的最佳方法。我不太了解它是如何运作的，只是解释了它的好处和解决方案。所以基本上你想要将CSS3动画与既是异步的ajax请求结合起来。然而你想要使用回调以使效果同步或协调，即在一个新元素中将一些元素淡化为ajax然后淡入它。使用$ .Deferred的优点是你可以更多地协调这些事件＃＆34;尖端＆＃34？;办法。而不是淡出然后做一个ajax请求然后淡入，这是好的，但这意味...
ajax中data传参的两种方式,ajax中data传参的两种方式分析
weixin_36200503的博客
08-06 1116
ajax中data传参的两种方式分析 内容精选换一换对象存储服务(Object Storage Service)作为DLI的数据来源及数据存储，与DLI配合一起使用，关系有如下四种。数据来源：DLI服务提供API，支持将OBS对应路径的数据导入到DLI。具体API请参考《导入数据》。存储数据：DLI中支持创建OBS表，该类型表在DLI服务中只有元数据，实际数据在该表对应的OBS路径中。创建在入门示...
前端数据--ajax的data参数类型
chdyiboke的博客
01-06 5647
我接触ajax很长时间了，老对手。相信很多刚刚入门的都会入坑，前端传数据后台老是接收不到，或者相反。 今天，我也特意来总结一下，ajax取值和传值格式。 先看看两个ajax写法 第一个、后台接收参数  @RequestParam，传参就是data：data,  这种传参是这样的 data: {"orderId":orderId,"commant":commant} data:
elementui,form表单验证validate时,false反应,true不反应
qq_38192709的博客
03-04 2887
问题描述： 在使用 element-ui 的时候，this.$refs.表单引用.validate(valid => { }) 方法的时候，false 的时候，有反应，true的时候不显示，也没有报错 问题解决： 在表单验证的时候，validator 方法里面,callback 没有调用，忘记 () 了… … ...
form表单校验，this.$refs[name].validate(valid）返回false，解决方案
小巧r的博客
06-07 4744
1. 如果 rules 里有二次校验，校验成功需要加 callback() //比如： ruleValidate:{ deviceName: [ { required: true, message: "设备名称不能为空", trigger: "blur" } { validator: (rule, value, cb) => {
js两个模态框合并为一个大的模态框时，页面不显示内容，但是控制台可以打印出，页面打印出来的值是<div id-"bigModal"class="modal fade" data-modal-backdrop-"false" data-modal-keyboard="false" style-"display: none"y<diy cla5s="modal" tabindex="-1" id="myModal1" data-modal-backdrop="false" data-modal-keyboard="false"》w<div class="modal-dialog” style="max-width: 400px;"> w<div class="modal-content"> w<div class="modal-body"> <ul id="dataList1"></u1> </div> </div> </div> </div>
06-06
可能是因为你没有正确设置模态框的高度和宽度，或者你的 CSS 样式有问题。你可以在 CSS 中设置模态框的高度和宽度，比如： ``` #bigModal { width: 800px; height: 400px; } ``` 如果你的模态框是动态加载的，需要在加载完成后设置高度和宽度，可以使用 JavaScript 的方式进行设置，比如： ``` $('#bigModal').on('shown.bs.modal', function () { $(this).find('.modal-dialog').css({ width:'800px', height:'400px' }); }); ``` 另外，如果你的模态框内容是通过 AJAX 加载的，需要注意在 AJAX 加载完成后再设置模态框的高度和宽度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值