我在 json 中返回 html 时遇到问题我无法通过 jquery 进行选择

问题描述

我有一个问题,在代码中,我选择了一个类角色框,但什么也没有。使用 jQuery 和 ajax 我向服务器发送了一个请求,但响应没有任何反应。 ...

//用户控制器:

  public function edit($id)
{

    $user = new User();

    $data = $user->find($id);

    $html = '<div class="form-group">

                <label for="editName">name:</label>
                <input type="text" class="form-control" name="name" id="editName" value="'.$data- 
                 >name.'">
            </div>
            <div class="form-group">
                <label for="editEmail">email:</label>
                <input type="text" class="form-control" name="email" id="editEmail" value="'.$data- 
                  >email.'">

            </div>
            <div class="form-group">
                <label for="editPassword">password:</label>
                <input type="password" class="form-control" name="password" id="editPassword" 
                   value="">

            </div>
            <div class="form-group">
                <label for="editConfirmedPassword">password confirmation:</label>
                <input type="password" class="form-control" name="password_confirmation" 
            id="editConfirmedPassword" value="">
            </div>
            <div class="form-group" >
            <h3>Select Role</h3>';


                $roles = Role::all();
                foreach ($roles as $role) {

                $html .='<label>';

                $html .= '<input class="mr-1 role-Box" type="checkBox" id="role" name="role[]" value="'.$role->id.'" />' ;
                $html .=  '<span>'.$role->name.'</span>';
                $html .='</label>';
                }
                $html .= '</div>';
                $html .= '<div class="form-group permission-Box" >
                            <h3>Select Permission</h3>
                            <div id="permissions-list">

                            </div>
                            </div>';

    return response()->json(['html'=>$html]);

}

//user/index.blade.PHP :

这里我使用jecure代码向服务器发送请求

   $("input:checkBox").change(function() {     

            if ($("input:checkBox").is(":checked")){

                console.log('checked')

                $.ajax({

                    type:'GET',url:'{{route('users.create')}}',headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}' },success:function (data) {

                        console.log(data)

                    }

                })

            }else{

                console.log('not checked')

                $.ajax({

                    type:'GET',success:function (data) {

                        console.log(data)
                    }

                })

            }

        });

//用户控制器:

enter image description here

public function create(){

    $checked = "checked";

    return response()->json(['checked'=>$checked]);

}

// 图像:

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)