ajax成功重定向页面并填写

Question

JavaScript：

$(document).on('click', '.edit', function(){
    var id = $(this).attr("id");


    $.ajax({
        url:"/fatch",
        method:'get',
        data:{FileId:id},
        dataType:'json',
        success:function(data)
        {

            location.href = "/edit";
            alert(data.fname); // it's working 
            $('#fname').val(data.fname); // didn't work 

        }
    })
});

查看页面：

<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
                            <label>Father Name</label>
                            <input type="text" class="form-control has-feedback-left" placeholder="Father Name" name="fname" id="fname"required>
                            <span class="fa fa-file form-control-feedback left" aria-hidden="true"></span>
                        </div>

JavaScript在/fatch页面上运行。 我想在/edit页面（到处都有JavaScript文件）中填写父亲的姓名。

但是，它没有填写父亲的名字。 为什么会发生这种情况，我该如何解决？

Answer 1

应该可以，代码中是否有多个fname字段，请验证。 或使用这个

 console.log($('input[name="fname"]')) $('input[name="fname"]').each(function(i){ console.log(this) $(this).val(Math.random()+"iota") }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback"> <label>Father Name</label> <input type="text" class="form-control has-feedback-left" placeholder="Father Name" name="fname" id="fname"required> <span class="fa fa-file form-control-feedback left" aria-hidden="true"></span> </div> <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback"> <label>Father Name</label> <input type="text" class="form-control has-feedback-left" placeholder="Father Name" name="fname" id="fname"required> <span class="fa fa-file form-control-feedback left" aria-hidden="true"></span> </div>