Javascript Zend控制器未从Jquery/ajax接收数据
我试图在单击某个元素时将其id发送到indexController。尝试了不同的在线帮助方式,但没有成功。我的控制器没有从jQuery/Ajax接收数据。有人能帮忙吗 我的视图:index.phtmlJavascript Zend控制器未从Jquery/ajax接收数据,javascript,jquery,ajax,zend-framework,Javascript,Jquery,Ajax,Zend Framework,我试图在单击某个元素时将其id发送到indexController。尝试了不同的在线帮助方式,但没有成功。我的控制器没有从jQuery/Ajax接收数据。有人能帮忙吗 我的视图:index.phtml <body> <div class="container"> <div class="row header-white"> <div> <h1><spa
<body>
<div class="container">
<div class="row header-white">
<div>
<h1><span id="homepage">Shuffle Buddy</span></h1>
</div>
</div>
<div class="row" id="nav">
<ul>
<li><div class="libox" id="a">A</div></li>
<li><div class="libox" id="b">B</div></li>
<li><div class="libox" id="c">C</div></li>
<li><div class="libox" id="d">D</div></li>
<li><div class="libox" id="e">E</div></li>
<li><div class="libox" id="f">F</div></li>
<li><div class="libox" id="g">G</div></li>
<li><div class="libox" id="h">H</div></li>
<li><div class="libox" id="i">I</div></li>
<li><div class="libox" id="j">J</div></li>
<li><div class="libox" id="k">K</div></li>
<li><div class="libox" id="l">L</div></li>
<li><div class="libox" id="m">M</div></li>
<li><div class="libox" id="n">N</div></li>
<li><div class="libox" id="o">O</div></li>
<li><div class="libox" id="p">P</div></li>
<li><div class="libox" id="q">Q</div></li>
<li><div class="libox" id="r">R</div></li>
<li><div class="libox" id="s">S</div></li>
<li><div class="libox" id="t">T</div></li>
<li><div class="libox" id="u">U</div></li>
<li><div class="libox" id="v">V</div></li>
<li><div class="libox" id="w">W</div></li>
<li><div class="libox" id="x">X</div></li>
<li><div class="libox" id="y">Y</div></li>
<li><div class="libox" id="z">Z</div></li>
</ul>
</div>
<div class="row" id="wrapper">
<div id="jsCarousel">
<div class="subitems">
<?php
$_items = $this->items;
// $this->text = "hello";
// $this->controller->text = "Hello";
?>
<p class="innersub"><?php echo $_items ['item'] . "<br>"; ?></p>
</div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
<div class="subitems"></div>
</div>
</div>
<div class="row">
<div class="bxdetails">
<div class="subdetails">
<h4 style="text-align: center;"><b>Attributes</b></h4>
</div>
<div class="subdetails">
<h4 style="text-align: center;"><b>Behavior</b></h4>
</div>
</div>
</div>
</div>
</body>
我的jQuery/Ajax:shuffle.js
$(document).ready(function () {
$('.libox').click(function () {
var contentPanelId = $(this).attr("id");
alert(contentPanelId);
ajaxFunction(contentPanelId);
function ajaxFunction(contentPanelId) {
var ajaxRequest;
try {
ajaxRequest = new XMLHttpRequest();
}
catch (e) {
alert("upgrade your browser");
return false;
}
ajaxRequest.onreadystatechange = function () {
if (ajaxRequest.readyState === 4) {
}
};
ajaxRequest.open("/default/index", true);
ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxRequest.send("id=" + contentPanelId);
}
location.href = "/";
});
});
我刚刚编辑了您的脚本,并使用jqueryajax函数代替javascript ajax
<script type="text/javascript">
}));
我的回答对您有帮助吗?请给我反馈它正在工作,谢谢。我只是忘了在这里回答。:)
<script type="text/javascript">
$('.libox').click(function () {
var contentPanelId = $(this).attr("id");
alert(contentPanelId);
ajaxFunction(contentPanelId);
location.href = "/";
});
function ajaxFunction(contentPanelId) {
$.ajax({
url:'/index/test',
type: 'POST',
data: {id: contentPanelId},
success:function(data){
alert(data);
}
})
}