我有以下代码,它将AJAX POST发送到我服务器上的php文件,以便在MySQL表中添加一行。当用户将项目标记为他们的最爱时,此函数将运行:
$.ajax({
type: 'POST',
data: 'school='+school+'&token='+token,
url: 'http://www.codekraken.com/testing/snowday/database9.php',
success: function(data){
console.log(data);
},
error: function(){
console.log(data);
}
});
我还有一个类似的功能,当他们删除收藏夹时会运行:
data: 'school=&token='+token,
这有效,但不一致。 PHP代码如下:
<?php
$server = "localhost";
$username = "";
$password = "";
$database = "";
$con = mysql_connect($server, $username, $password) or die ("Could not connect: " . mysql_error());
mysql_select_db($database, $con);
$token = $_POST["token"];
$school = $_POST["school"];
if (strlen($token) == 0){
die('Incorrect token');
}
if (strlen($school) == 0){
die('Invalid school name');
}
$sql = "INSERT INTO Snow (Token, School, Skip) ";
$sql .= "VALUES ('$token', '$school', '0') ON DUPLICATE KEY UPDATE School='$school'";
if (!mysql_query($sql, $con)) {
die('Error: ' . mysql_error());
} else {
echo "$token, $school = Success";
}
mysql_close($con);
?>
我的意思是它不能始终如一地工作,如果我将一个项目标记为收藏,它将创建一行。如果我取消标记,它会将$school
更改为空。如果我然后标记不同的项目,它将更改为该项目。 IF ,但是,我尝试将第一个项目标记为收藏,它不会更新,但会保留最后一个更改。
因此,它似乎只是每次发生新事件时才更新行,但如果值已经存在,即使它不是当前存在,也不会。
注意:列Token
被编入索引为UNIQUE PRIMARY
与var school
相关的JS代码:
function setFavorite() {
var threshold = {
x: 30,
y: 10
};
var originalCoord = {
x: 0,
y: 0
};
var finalCoord = {
x: 0,
y: 0
};
function touchMove() {
finalCoord.x = event.targetTouches[0].pageX;
changeX = originalCoord.x - finalCoord.x;
var changeY = originalCoord.y - finalCoord.y;
if (changeY < threshold.y && changeY > (threshold.y * -1)) {
changeX = originalCoord.x - finalCoord.x;
if (changeX > threshold.x) {
window.removeEventListener('touchmove', touchMove, false);
$(document).off("touchmove", ".row");
if ($(event.target).attr("class") === "row-inside") {
var element = $(event.target);
}
if ($(event.target).attr("class") === "row-l") {
var element = $(event.target).parent();
}
if ($(event.target).attr("class") === "row-r") {
var element = $(event.target).parent();
}
var text = $(element).find(".row-l").text();
var token = window.deviceToken;
var school = $(element).find(".row-l").text();
var favstatus = $(element).find(".row-r").text();
var thisStar = $(element).parent().find(".star-inside");
$(element).css("margin-left", "-75px");
if ($(thisStar).hasClass("favorite")) {
$.ajax({
type: 'POST',
data: 'school=&token=' + token,
url: 'http://www.codekraken.com/testing/snowday/database10.php',
success: function (data) {
console.log(data);
},
error: function () {
console.log(data);
}
});
$(".clear span").text("");
$(thisStar).removeClass("favorite");
localStorage.removeItem("favorite");
localStorage.removeItem("favorite-status");
} else {
$.ajax({
type: 'POST',
data: 'school=' + school + '&token=' + token,
url: 'http://www.codekraken.com/testing/snowday/database10.php',
success: function (data) {
console.log(data);
},
error: function () {
console.log(data);
}
});
$(".clear span").text("\"" + text + "\"");
localStorage.setItem("favorite", text);
localStorage.setItem("favorite-status", favstatus);
$(".star-inside").not(thisStar).removeClass("favorite");
$(thisStar).addClass("favorite");
}
setTimeout(function () {
$(element).css("margin-left", "0px");
}, 500);
setTimeout(function () {
$(document).on("touchmove", ".row", function () {
touchMove();
});
}, 800);
}
}
}
function touchStart() {
originalCoord.x = event.targetTouches[0].pageX;
finalCoord.x = originalCoord.x;
}
$(document).on("touchmove", ".row", function () {
touchMove();
});
$(document).on("touchstart", ".row", function () {
touchStart();
});
}
MySQL输出:
CREATE TABLE `Snow` (
`Token` varchar(64) COLLATE utf8_unicode_ci NOT NULL,
`School` text COLLATE utf8_unicode_ci NOT NULL,
`Skip` int(1) NOT NULL,
PRIMARY KEY (`Token`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicod
答案 0 :(得分:1)
我明白了。
问题似乎在于Phonegap缓存AJAX请求。然后我想如果我将cache: false,
添加到AJAX请求中,它会解决它,但再一次,没有骰子。
然后我用Google搜索了一下,找到了使它工作的代码:
beforeSend: function(xhr) { xhr.setRequestHeader("Cache-Control", "no-cache"); xhr.setRequestHeader("pragma", "no-cache"); },
你把它放在你的AJAX请求中,所以它看起来像:
$.ajax({
cache: false,
beforeSend: function (xhr) {
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("pragma", "no-cache");
},
type: 'POST',
...
});
我不完全确定它是否可以在没有设置cache: false
的情况下工作,但我不想摇摇欲坠。我还在我的PHP代码中指定了这些标题:
header("Expires: Tue, 01 Jul 2001 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
原来上面不是必须的,但我会留在这里,以防它帮助其他人。