如何在ajax url中传递按钮值并在bootstrap面板体中显示json响应?

时间:2017-06-22 04:19:55

标签: php sql ajax laravel-5.4

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);

 }

控制器代码应根据按钮的值获取对应的记录并返回响应。

0 个答案:

没有答案