jQuery，Ajax无法触发正确的php函数
[英]Jquery,Ajax not triggering the right php function
问题描述
嗨，我有一个小型项目，其中有2个标签，即“新闻”和“编辑新闻”。 当您打开页面时，“新闻”选项卡将默认显示一些新闻。 当用户切换到“编辑新闻”选项卡时，他可以从选择框中选择是否要获取最近4周或6周的新闻。 然后单击“选择”和“提交”按钮，他可以再次使用已编辑的新闻切换到“新闻”选项卡。到目前为止，我可以正确地管理我的选项卡。 我在这里面临的唯一问题是当用户从选择框中选择新闻并提交按钮时，我无法触发save-news-widget函数，该函数将调用我的数据库查询部分来更新我的新闻。因此，在提交按钮之后，我也是触发获取新闻小工具功能，默认情况下我正在获取新闻而不是已编辑的新闻。谢谢。 这是我的代码：
dashboard.php
if($param['aktion'] == 'save-widget-news')
{
//$param['news']
//UPDATE SQL...
$page['register-news'] = array(
1 => array( 'News','aktiv',$page['script'],'',''),
0 => array( 'Edit News','enabled',$page['script'],''),
);
//echo $selectValue=$_POST['news'];
if(isset($_POST['Save']))
{
if(($selectValue)==4){
echo $sql=" SELECT DISTINCT ad_news_texte.headline, ad_news.datum_archiv
FROM ad_news_texte
INNER JOIN ad_news_oe ON ad_news_texte.news_id = ad_news_oe.id_ad_news
INNER JOIN ad_news ON ad_news_oe.id_ad_news = ad_news.id
WHERE ad_news.datum_archiv
BETWEEN curdate( ) - INTERVAL DAYOFWEEK( curdate( ) ) +28
DAY AND curdate( )
";
$sql_select=mysql_query($sql);
}
elseif(($selectValue)==6){
$sql=" SELECT DISTINCT ad_news_texte.headline, ad_news.datum_archiv
FROM ad_news_texte
INNER JOIN ad_news_oe ON ad_news_texte.news_id = ad_news_oe.id_ad_news
INNER JOIN ad_news ON ad_news_oe.id_ad_news = ad_news.id
WHERE ad_news.datum_archiv
BETWEEN curdate( ) - INTERVAL DAYOFWEEK( curdate( ) ) +42
DAY AND curdate( )
";
$sql_select=mysql_query($sql);
}
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div>'.CreateRegister($page['register-news']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register"> ';
while($row = mysql_fetch_array($sql_select)){
$news_result = $row['headline'] . " " .$row['datum_archiv'] ;
$html .= '<table id="news">
<div class="welcome-rahmen krz toggleNews">
<p class="welcome-subheadline"><input type="hidden" name="type" value="'. $news_result .'" ></p> ';
}
$html .= '</div></table>
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
else{
$param['aktion'] = 'get-widget-news';
}
}
if($param['aktion'] == 'get-widget-news')
{
$newsId = 1;
$page['register-news'] = array(
1 => array( 'News','aktiv',$page['script'],''),
0 => array( 'Edit-News','enabled',$page['script'],'',''),
);
$param['aktion'] = 'save-widget-news';
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<div>'.CreateRegister($page['register-news']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">
<table id="news">
<div class="welcome-rahmen lng toggleNews" id="news_269_kurz">
<a href="news.php?id=269" class="TrackNews" id="01" target="_blank">
<p class="welcome-breadcrump">Montag, 19.05.2014</p>
<p class="welcome-subheadline">Teilnahme von MAN Top Used an der Samoter 2014</p>
</a>
</div>
<div class="welcome-rahmen lng toggleNews" id="news_264_kurz">
<a href="news.php?id=264" class="TrackNews" id="02" target="_blank">
<p class="welcome-breadcrump">Freitag, 24.01.2014</p>
<p class="welcome-subheadline">Kaufvertrag: neue Porsche-Vorlage zum Drucken!</p>
</a>
</div>
</table>
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
if($param['aktion'] == 'get-widget-news-edit')
{
$page['register-news'] = array(
0 => array( 'News','enabled',$page['script'],'',''),
1 => array( 'Edit News','aktiv',$page['script'],''),
);
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div>'.CreateRegister($page['register-news']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">
<form name="UserInformationForm" method="POST" >
<table id="news">
<select name="news" id="news">
<option value="4">Show news from last 4 weeks</option>
<option value="6">Show news from last 6 weeks</option>
</select>
<br/><br/>
</table>
'.CreateButton($page['button']).'
</form>
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
dashboard.js
$(document).ready(function(){
function saveNewsWidget()
{
var selectBoxValue = $('select[name="news"]').val();
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'aktion' : 'save-widget-news', 'news' : selectBoxValue},
success: function(data)
{
//getNewsWidget();
$('#news').html(data['html']);
}
});
}
function getNewsWidget()
{
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'aktion' : 'get-widget-news'},
success: function(data){
//alert(data);
$('#news').html(data['html']);
},
error: function(data){
alert('error');
//$('#news').html(data.html);
}
});
}
function getNewsWidgetEdit()
{
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'aktion' : 'get-widget-news-edit'},
success: function(data){
$('#news').html(data.html);
}
});
}
$('#news .butt-rahmen').live('click', function(){
if($(this).attr('id') == 'saveId')
{
saveNewsWidget();
}
return true;
});
getFahrzeugeWidget();
getNewsWidget();
});
3 个解决方案
解决方案1
1 2014-06-19 08:28:08
在我看来，您正在提交页面以及运行ajax调用。 您需要停止以这种方式提交页面...
$('#news .butt-rahmen').live('click', function(e) {
e.preventDefault(); // this will stop the form being submitted and reloading the page
if($(this).attr('id') == 'saveId') {
saveNewsWidget();
}
});
注意， e也作为函数参数传递。
另外，我假设您使用的是旧版的jQuery，因为不推荐使用live()并用on()代替。 如果您使用的是较新版本，则也需要进行更改。 对于你有什么存在，从字面上只是改变live到on 。
解决方案2
1 2014-06-19 08:56:47
如果我没有记错，请检查您的mysql连接是否正确。 如果合适，可以检查是否要进入if循环之一，即if（（$ selectValue）== 4）或if（（$ selectValue）== 6）
如果您的代码没有放入任何if循环查询中，则可能不会生成结果。
解决方案3
1 2014-06-19 09:23:19
您可以尝试通过将连接变量（）传递给mysql_query（）函数来尝试$ sql_select = mysql_query（$ sql，$ connection）;
您也可以尝试在代码的一行中进行查询。
通过<a href>PHP</a>触发AJAX函数
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.