Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript laravel更新MySQL中的select标记_Javascript_Php_Laravel - Fatal编程技术网

Javascript laravel更新MySQL中的select标记

Javascript laravel更新MySQL中的select标记,javascript,php,laravel,Javascript,Php,Laravel,你好,我的主人, 我想更新(链接名称、链接地址、链接类型)。HTML页面提要中带有标记的链接类型。我知道互联网上有很多关于豆腐的代码,但我不知道为什么我的代码不能正确执行。有一些问题,我在下面提到,也许很长,所以首先道歉 第一部分:使用Ajax从数据库中获取数据。在editlink.blade.php中 try { for(var count=0; count < data.length; count++) { html +='<tr >'; htm

你好,我的主人,

我想更新(链接名称、链接地址、链接类型)。HTML页面提要中带有标记的链接类型。我知道互联网上有很多关于豆腐的代码,但我不知道为什么我的代码不能正确执行。有一些问题,我在下面提到,也许很长,所以首先道歉

第一部分:使用Ajax从数据库中获取数据。在editlink.blade.php中

try {
    for(var count=0; count < data.length; count++)
    {
   html +='<tr >';
   html +='<td contenteditable class="column_name" data-column_name="link_name" data-id="'+data[count].id+'">'+data[count].name+'</td>';
        html += '<td contenteditable class="column_name" data-column_name="link_add" data-id="'+data[count].id+'">'+data[count].Address+'</td>';
        html += '<td contenteditable class="column_name" data-column_name="link_type"    data-id="'+data[count].id+'">' +
                    '<select id="opttypes"  value="'+data[count].id+'">' +
                        '<option id="opt1"'+ check_selected1(data[count].type)+' value="1"'+' >'+d1+'</option>' +
                        '<option id="opt2"'+  check_selected2(data[count].type)+' value="2"'+' >'+d2+'</option>' +
                        '<option id="opt3"'+  check_selected3(data[count].type)+' value="3"'+' >'+d3+'</option>' +
                        '<option id="opt4"'+ check_selected4(data[count].type)+' value="4"'+' >'+d4+'</option>' +
                    '</select>' +
               '</td>';
        html += '<td><button type="button" class="btn btn-danger btn-xs delete" id="'+data[count].id+'">Delete</button>' +
            '<button type="button" class="btn btn-success btn-xs edite" id="'+data[count].id+"_"+count+'">Update</button></td></tr>';
    }
    $('tbody').html(html);
}// end try
catch (e) {

    document.getElementById("demo").innerHTML = "error accrue in fetch form DB ";

}
$(document).on('click', '.edite', function(){
    var allid=$(this).attr("id").split("_");// try to access id of data and number of row in HTML table
    var id2=allid[0];// fetch ID of data in DB
    var countRow=Number(allid[1])+2;// calculate detected row that user clicked.
    var link_name = document.getElementById("html_table").rows[countRow].cells.item(0);// gets links name
    var link_add =document.getElementById("html_table").rows[countRow].cells.item(1);// gets link address
        var link_type=$("#link_type :selected").val();// gets which option user clicked.
        if(link_name != '' && link_add != '' && link_type!='' )
    {

        if(!confirm("Do you want to edit this row")) {
            return false;
        }

            try
            {
                $.ajax({
                    url:"{{ route('weblink.update_data') }}",
                    method:"POST",
                    data:{link_name:link_name, link_add:link_add, link_type2:link_type, id:id, _token:_token},
                    success: function(data){ // What to do if we succeed
                        if(data == "success")
                            $('#message').html(data);
                        },
                    error: function(data){
                        alert('Error'+data);
                    }
                })
            }
            catch (e) {
                $('#message').html("<div class='alert alert-danger'>error in receiving data from Ajax   </div>");

            }
    }// end if check empty box
    else {
        $('#message').html("<div class='alert alert-danger'>Both Fields are required</div>");
    }

});
请各位原谅,我知道我的代码很无聊。如果可能,请帮助我。如果每个人都喜欢,请给我你的邮件,我会发送我的所有代码完整(视图,控制器和网络)


致以最诚挚的问候。

在您共享的4个部分中,哪一个部分没有完全按照您的预期工作?我们可以看看您收到的错误消息吗?我认为生成数据并发送到Ajax的java代码不能正常工作。我把所有的文件全部寄给你。也许你自己查一下,我的问题就解决了。谢谢,这是个很好的线索。如果我站在你的立场上,我会做的下一件事是逐行跟踪JavaScript代码片段,找出哪一行没有产生我期望的结果。例如,如果您怀疑ajax调用是问题所在,您可能希望在ajax调用之前
console.log({link\u name:link\u name,link\u add:link\u add,link\u type2:link\u type,id:id,\u-token:\u-token})
,查看您传递的数据的结构是否完全符合您的预期。我个人会对我怀疑的每一行重复这一点,直到我把问题归结为一个具体的行/错误。你的建议就像黑暗道路上的灯照亮了我的洞察力。谢谢
 function update_data(Request $request)
{
    if($request->ajax())
    {
              weblink::where('id', $request->id)->update([
             'name' => '$request->link_name',
             'Address'=>'$request->link_add',
        type=>'$request->link_type2'


        ]);
                echo '<div class="alert alert-success">Data Updated</div>';
    }
}
Route::post('/weblink/update_data', 'weblinksController@update_data')->name('weblink.update_data');