每次我调用脚本(当用户单击链接/按钮时)时,执行时调用的页面$.getJSON()
都在做它的工作,尽管与之关联的函数不会做任何事情!这是在Script.php
文件里面:
$('a.addCategorie').click(function (e)
{
e.preventDefault();
var dialog='<div id="Dialog_AddCategory">\
<div id="tableContainer">\
<table class="categoryTable">\
<thead>\
<tr>\
<th>Ordre</th>\
<th>Catégorie</th>\
<th> </th>\
</tr>\
</thead>\
<tbody>\
<?php
$sql="SELECT nom, ordre FROM category ORDER BY ordre";
$result=mysql_query($sql);
while($row=mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>". $row['ordre'] ."</td>";
echo "<td>". utf8_decode($row['nom']) ."</td>";
echo "<td id=\"" . $row['ordre'] . "\" class=\"deleteCat\"></td>";
echo "</tr>\\\n";
}
?>
</tbody>\
</table></div>\
<div id="addCategorie_Form">\
<form>\
<label for="nomCategorie">Nom de la catégorie</label>\
<input type="text" name="nomCategorie" id="nomCategorie"/>\
<label for="ordreCategorie">Ordre</label>\
<input type="text" name="ordreCategorie" id="ordreCategorie"/>\
</form>\
</div></div>';
$('body').append(dialog);
$( '#Dialog_AddCategory' ).dialog({
autoOpen: false,
modal: true,
width: 800,
height: 400,
open: function(even, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css("visibility","hidden");},
title: "Nouvelle catégorie",
resizable: false,
hide:'slide',
show:'slide',
buttons:
{
"Créer la catégorie":function()
{
var ok = true;
if(isNaN($('#ordreCategorie').val()) || $('#ordreCategorie').val().length < 1)
{
ok = false;
$('#ordreCategorie').css("background-color","#F00");
}
else
{
$('#ordreCategorie').css("background-color","#CF0");
}
if($('#nomCategorie').val().length< 3)
{
ok = false;
$('#nomCategorie').css("background-color","#F00");
}
else
{
$('#nomCategorie').css("background-color","#CF0");
}
if(ok)
{
var ordre = $('#ordreCategorie').val();
var nom = $('#nomCategorie').val();
$.getJSON('addCategory.php', {'ordre':ordre,'nom':nom}, function(data)
{
console.log("THIS LOG WON'T APPEAR AND THE CODE WON'T EXECUTE.");
if( data.result === "false" )
{
$('div id="Dialog_Feedback">Une catégorie porte déjà ce nom ou cet ordre!</div>').dialog(
{
autoOpen:false,
title:'Une erreur est survenue!',
width:200,
height:'auto',
resizable: false,
modal:true,
buttons:
{
"OK" : function()
{
$( this ).remove();
}
}
});
}
else
{
$('<div id="Dialog_Feedback">L\'ajout a été effectué avec succès!</div>').dialog({
autoOpen:false,
title:'Catégorie ajoutée!',
width:400,
height:'auto',
resizable:false,
modal:true,
buttons:{
"Ok": function()
{
$(this).remove();
window.location.reload();
}
}
});
}
$('#Dialog_Feedback').dialog("open");
});
}
},
"Annuler":function()
{
$( this ).remove();
}
}
});
这是addCategory.php
页面:
<?php
include('../../anything.php');
$nom = $_GET['nom'];
$ordre = $_GET['ordre'];
$sql = "SELECT ordre, nom FROM category";
$checking = mysql_query($sql);
$ok = true;
while ($row=mysql_fetch_array($checking))
{
echo "test";
if((strtolower($nom) === strtolower($row['nom'])) || ($ordre === $row['ordre']))
{
$ok = false;
}
}
if ($ok)
{
$sql = "INSERT INTO category (nom,ordre) VALUES('$nom',$ordre)";
$result = mysql_query($sql);
mysql_close($connexion);
echo json_encode(array("result"=>"true"));
}
else
{
echo json_encode(array("result"=>"false"));
}
?>
任何人都知道可能导致这种情况的原因吗?我检查了 GET 中发送的两个变量,它们包含一些东西。
我的 PHP 页面返回 JSON 编码结果,如下所示:
echo json_encode(array("result"=>"true"));
谢谢大家的时间。
编辑:我忘了提到Chrome Inspector 和 Firebug 在整个脚本执行过程中都不会报告任何错误。该console.log()
部分也没有出现,表示PHP页面中的命令被执行,但里面包含的javascript函数$.get()
没有被触发。
Edit2:我也尝试将echo
调用更改为echo true;
and return true;
。
Edit3:我能够在 Chrome Inspector 和 Firebug 的 Network 选项卡中看到 PHP 页面的结果:{"result":"false"}array(1) {
["result"]=>
string(5) "false"
}
它表明问题将存在于$.getJSON()
调用中!但在我看来一切都很好!