Laravel查看代码:
<div class="container" style="display:none;" id="panel1">
<div class="panel panel-default">
<div class="panel-heading" style="color:#0000FF" data-toggle="tooltip" title="Gateways!">
<input type="button" value="Haghway Lite" style="background-color:transparent;border:none;width:100%;height:100%;" name="button1" id="button1"><font size="5"></font>
</div>
<div class="panel-body" align="center">
<img src="haghwaylitecontroller.jpg" width="100" height="100">
</div>
</div>
</div>
这是我的观看代码。
脚本(AJAX):
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function(){
var button1 = $(this).val();
if(button1) {
$.ajax({
url: "{{url('panelview').'/'}}"+button1,
type: "GET",
dataType: "json",
success:function(data) {
$.each(data, function(key,value) {
$("#panel1").append('<div "'+ value.panel1 +'"></div>');
});
//alert("success");
}
});
}else{
alert("failed");
}
});
});
在这个脚本代码中,我使用按钮id调用ajax函数,并尝试传递按钮的值以重定向到提到的url,并且返回的json响应将显示在面板主体上。如果我尝试打印按钮值,则会提示 NaN
路线:
Route::get('panelview/{button1}','viewController@newProduct');
控制器:
public function newProduct($button1)
{
$users=addModel::select('Desc')->where('Pname',$button1 )->first();;
return json_encode($users);
}
控制器代码应根据按钮的值获取对应的记录并返回响应。