gpt4 book ai didi

android - 在 Android 中发出 4-5 个请求后,Jquery 移动 ajax 请求不起作用

转载 作者:行者123 更新时间:2023-11-29 22:09:37 25 4
gpt4 key购买 nike

我正在使用 jQuery mobile 1.1.0 RC1 和 phonegap 1.5.0 开发一个应用程序

我有一个 HTML 页面,其中包含所有页面作为 div(通过 data-role="page")

这是我的代码

<!DOCTYPE HTML>
<html>
<head>
<title>Index Page</title>

<!-- Adding viewport -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Adding Phonegap scripts -->
<script type="text/javascript" charset="utf-8"
src="cordova/cordova-1.5.0.js"></script>

<!-- Adding jQuery mobile and jQuery scripts & CSS -->
<script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>
<link rel="stylesheet"
href="jquerymobile/jquery.mobile-1.1.0-rc.1.min.css" />
<script type="text/javascript" src="jquery/jquery.validate.min.js"></script>
<script type="text/javascript"
src="jquerymobile/jquery.mobile-1.1.0-rc.1.min.js"></script>
<link rel="stylesheet" href="css/colors.css">

<script type="text/javascript">

function page1(){
$.mobile.changePage("#page2", {
transition : "slide"
});
}

function page2(){
$.mobile.changePage("#page1", {
transition : "slide"
});
}
$("#page1").live("pageshow", function(e) {
$.ajax({
type : 'GET',
cache : false,
url : "http://192.168.1.198:9051/something.xml"
+ "?time=" + Date.now(),
data : {
key : "value"
},
dataType : "xml",
success : function(xml) {
console.log("Success Page1");
},
error : function(xhr) {

}
});
});

$("#page2").live("pageshow", function(e) {
$.ajax({
type : 'GET',
cache : false,
url : "http://192.168.1.198:9051/something.xml"
+ "?time=" + Date.now(),
data : {
key : "value"
},
dataType : "xml",
success : function(xml) {
console.log("Success Page2");
},
error : function(xhr) {

}
});
});
</script>
<body>
<div data-role="page" id="page1">
<div data-role="header">Page 1</div>
<div data-role="content">
<input type="text" name="page1GetTime" id="page1GetTime" value="" /><a
href="#" data-role="button" onclick="page1()" id="gotopage2"> Go to Page 2 </a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">Page 2</div>
<div data-role="content">
<input type="text" name="page2GetTime" id="page2GetTime" value="" /><a
href="#" data-role="button" onclick="page2()" id="gotopage1">Go to Page 1</a>
</div>
</div>
</body>

现在,当我单击“转到第 2 页”时,第 2 页将与一个 ajax 请求一起显示。如果我继续从一个页面移动到另一个页面,则会发出 ajax 请求。此请求在 4 到5 请求...为什么会这样?

最佳答案

如果您的页面变得如此繁重以至于 ajax 请求超时或停止工作,您可能希望将它们分成不同的实际页面。如果它们仍然表现不佳,您可以轻松地强制关闭 ajax 以测试这是否是问题所在。

data-ajax="false"

此外,此限制是否会从一台移动设备更改为另一台移动设备或桌面浏览器?因为您的 ajax 在“4 或 5”时变得无响应,所以我认为这是内存问题。

关于android - 在 Android 中发出 4-5 个请求后,Jquery 移动 ajax 请求不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9977859/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com